Toon posts:

[HTML] Cellen omhoog "kicken"

Pagina: 1
Acties:
  • 108 views sinds 30-01-2008
  • Reageer

zondag 19 mei 2002 22:32

Acties:

Verwijderd

Topicstarter
Ik weet niet precies waarnaar ik moet zoeken, dus vraag ik het hier maaik wil hetvolgende bereiken:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

____________________________
|                  |
|                  |
|                  |
|___________________________|
|_____|         |____|
|_____|         |____|
|_____|         |____|
|_____|         |____|
|_____|         |____|
|     |         |    |
|     |         |    |
|     |         |    |
|     |         |    |
|     |         |    |
|_____|________________|____|
|___________________________|

nou dat is me gelukt, zolang de inhoud niet langer dan 100% is...

als de inhoud nou buiten het beeld komt, dan moet je dus scrollen, maar nou stretchen de kleine cellen waarin de menu items komen zich totdat ze allemaal even groot zijn. Ik wilde dit oplossen door de onderste cel hieght="100%" te geven, dit werkte niet, en als ik elke menu-item-cel de juiste height-value geef, dan blijven ze gewoon gestretched. Ik weet nu dus niet hoe dit opgelost moet worden :(

iemand een idee? Kan dit met Netscape 4 compatibility?

zondag 19 mei 2002 22:43

Acties:
  • SchizoDuckie
  • Registratie: April 2001
  • Laatst online: 18-02-2025

SchizoDuckie

Kwaak

Probeer nog even op een andere manier uit te leggen wat je bedoelt, want ik snap je niet helemaal...

Relatieve celhoogtes zijn meestal een probleem, vooral in netschaap, die height="100%" niet kent.

Je zal waarschijnlijk met spacer gifjes moeten werken.

Stop uploading passwords to Github!

zondag 19 mei 2002 22:47

Acties:
  • 2xit
  • Registratie: Juli 2001
  • Laatst online: 07-08 15:02

2xit

Q+M by P+E

Op zondag 19 mei 2002 22:32 schreef Junt het volgende:

als de inhoud nou buiten het beeld komt, dan moet je dus scrollen, maar nou stretchen de kleine cellen waarin de menu items komen zich totdat ze allemaal even groot zijn. Ik wilde dit oplossen door de onderste cel hieght="100%" te geven, dit werkte niet, en als ik elke menu-item-cel de juiste height-value geef, dan blijven ze gewoon gestretched. Ik weet nu dus niet hoe dit opgelost moet worden :(

iemand een idee? Kan dit met Netscape 4 compatibility?
Als ik je een beetje begrijp wil je dat de cellen waarin je menu staat even groot blijven, ook als het scherm moet gaan scrollen.

Wat je zou kunnen doen is de table met daarin het menu te plaatsen in een andere table, welke 100% hoog is en valign="top".

Ik hoop dat is wat je zoekt?? Wees anders een beetje duidelijker of laat een url achter waar iedereen je site tot nu toe kan zien!!!

The factory of the future will have only two employees, a man and a dog. The man will be there to feed the dog. The dog will be there to keep the man from touching the equipment.

Always be 2excite(d)

zondag 19 mei 2002 22:49

Acties:

Verwijderd

Topicstarter
ik bedoel dat als de pagina in het beeld past, dan wordt het zo:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

____________________________
|                  |
|                  |
|                  |
|___________________________|
|_____|         |____|
|_____|         |____|
|_____|         |____|
|_____|         |____|
|_____|         |____|
|     |         |    |
|     |         |    |
|     |         |    |
|     |         |    |
|     |         |    |
|_____|________________|____|
|___________________________|

en als ie niet in het beeld past, wordt ie zo:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16

____________________________
|                  |
|                  |
|                  |
|___________________________|
|     |         |    |
|_____|         |____|
|     |         |    |
|_____|         |____|
|     |         |    |
|_____|         |____|
|     |         |    |
|_____|         |____|
|     |         |    |
|_____|________________|____|
|___________________________|

moet ik dit soms met een spacing divje oplossen ofzo met height="100%", maar dat kent netscape toch niet?

zondag 19 mei 2002 22:50

Acties:

Verwijderd

Topicstarter
Op zondag 19 mei 2002 22:47 schreef 2xit het volgende:

[..]

Als ik je een beetje begrijp wil je dat de cellen waarin je menu staat even groot blijven, ook als het scherm moet gaan scrollen.

Wat je zou kunnen doen is de table met daarin het menu te plaatsen in een andere table, welke 100% hoog is en valign="top".

Ik hoop dat is wat je zoekt?? Wees anders een beetje duidelijker of laat een url achter waar iedereen je site tot nu toe kan zien!!!
ja, dat klopt, dat kan, maar dan zou ik alleen onder een border moeten hebben oftewel border-bottom-width oftewel niet netscape 4 compatible....

zondag 19 mei 2002 22:59

Acties:
  • 2xit
  • Registratie: Juli 2001
  • Laatst online: 07-08 15:02

2xit

Q+M by P+E

Dan zal je toch een spacer-gifje moeten gaan gebruiken!!! (of geen :r netscape 4)

The factory of the future will have only two employees, a man and a dog. The man will be there to feed the dog. The dog will be there to keep the man from touching the equipment.

Always be 2excite(d)

zondag 19 mei 2002 23:00

Acties:

Verwijderd

Topicstarter
Op zondag 19 mei 2002 22:59 schreef 2xit het volgende:
Dan zal je toch een spacer-gifje moeten gaan gebruiken!!! (of geen :r netscape 4)
ja ik zie nu dat netscape 4 echt heel weinig wordt gebruikt en dat ie sowieso niets van dit alles bakt...
is netscape 6 wel height=100% compatible?

zondag 19 mei 2002 23:02

Acties:
  • 2xit
  • Registratie: Juli 2001
  • Laatst online: 07-08 15:02

2xit

Q+M by P+E

Op zondag 19 mei 2002 23:00 schreef Junt het volgende:

[..]

ja ik zie nu dat netscape 4 echt heel weinig wordt gebruikt en dat ie sowieso niets van dit alles bakt...
is netscape 6 wel height=100% compatible?
Weet ik niet zeker, maar je komt ieder geval een eind verder dan met :r netscape 4 |:(

The factory of the future will have only two employees, a man and a dog. The man will be there to feed the dog. The dog will be there to keep the man from touching the equipment.

Always be 2excite(d)

zondag 19 mei 2002 23:06

Acties:

Verwijderd

Topicstarter
GRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR


WAAROM KAN IEDEREEN NIET GEWOON EVEN INTERNET EXPLORER 6 DOWNLOADEN?!?!?!?!

/me houdt van nostalgie maar heeft een hekel aan mensen die niet willen overstappen of er simpelweg te lui voor zijn

zondag 19 mei 2002 23:09

Acties:
  • SH007
  • Registratie: November 2001
  • Niet online

SH007

Op zondag 19 mei 2002 23:06 schreef Junt het volgende:
GRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRRR


WAAROM KAN IEDEREEN NIET GEWOON EVEN INTERNET EXPLORER 6 DOWNLOADEN?!?!?!?!

/me houdt van nostalgie maar heeft een hekel aan mensen die niet willen overstappen of er simpelweg te lui voor zijn
niet iedereen heeft breedband/weet wat IE6 is.
Een site moet met IE5(of 5.5) het ook nog behoorlijk doen, anders sluit je heel veel mensen uit, die toch je site willen bezoeken.

zondag 19 mei 2002 23:11

Acties:

Verwijderd

Topicstarter
ja, het eerste plan was om de site netscape en ie 4 en hoger te maken, maar nu is dat netscape 6 en ie 5 of hoger geworden

zondag 19 mei 2002 23:15

Acties:
  • 2xit
  • Registratie: Juli 2001
  • Laatst online: 07-08 15:02

2xit

Q+M by P+E

Op zondag 19 mei 2002 23:11 schreef Junt het volgende:
ja, het eerste plan was om de site netscape en ie 4 en hoger te maken, maar nu is dat netscape 6 en ie 5 of hoger geworden
Zo'n groot probleem ook weer niet. Gebruikers van Netscape 4 zien wel de inhoud alleen niet juist (das nog maar 3 procent van alle gebruikers (of zoiets))

The factory of the future will have only two employees, a man and a dog. The man will be there to feed the dog. The dog will be there to keep the man from touching the equipment.

Always be 2excite(d)

zondag 19 mei 2002 23:17

Acties:

Verwijderd

Topicstarter
minder, ik zag het laatst in een topic, kweet niet welke, maar netscape 4 is nog maar 1% ofzo... oh ja, en 95% gebruikt een versie van internet explorer

zondag 19 mei 2002 23:20

Acties:
  • 2xit
  • Registratie: Juli 2001
  • Laatst online: 07-08 15:02

2xit

Q+M by P+E

Dus... Opgelost is je probleem!!! :7

The factory of the future will have only two employees, a man and a dog. The man will be there to feed the dog. The dog will be there to keep the man from touching the equipment.

Always be 2excite(d)

zondag 19 mei 2002 23:22

Acties:

Verwijderd

Topicstarter
nou, nog niet, maar ik ben er mee bezig :7

zondag 19 mei 2002 23:26

Acties:

Verwijderd

height is niet conform de w3c standaard. Als het dus niet ondersteund wordt hebben die jongens van Netscape groot gelijk :)
Het lastige is alleen dat er niet echt een goed alternatief voor is :(

maandag 20 mei 2002 15:36

Acties:
  • 2xit
  • Registratie: Juli 2001
  • Laatst online: 07-08 15:02

2xit

Q+M by P+E

Op zondag 19 mei 2002 23:26 schreef FoOL het volgende:
height is niet conform de w3c standaard. Als het dus niet ondersteund wordt hebben die jongens van Netscape groot gelijk :)
Het lastige is alleen dat er niet echt een goed alternatief voor is :(
Jawel in de cel naast de de tekst een spacer-gifje (van 1 breed en xx-hoog) opnemen!!

The factory of the future will have only two employees, a man and a dog. The man will be there to feed the dog. The dog will be there to keep the man from touching the equipment.

Always be 2excite(d)

maandag 20 mei 2002 15:40

Acties:

Verwijderd

Topicstarter
ik dacht even slim te zij en een javascriptje te schrijven om automatisch de spacers te doen:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114

<html>

<head>

<style type="text/css">
body
{
    background-color: #000000;
    text-align: center;
}

table
{
    width: 750px;
    height: 100%;
    border: 1px solid;
    color: #FFFFFF;
    border-color: #93030A;
}

td
{
    border: 1px solid;
    vertical-align: top;
}

#tItemTop
{
    background-color: #93030A;
    width: 150px;
    vertical-align: top;
    border-color: #93030A;
}

#tItemNor,#tItemSpacer
{
    width: 150px;
    vertical-align: top;
    border-color: #93030A;
}

#tItemLogo
{
    width: 750px;
    height: 140px;
    vertical-align: top;
    text-align: middle;
    border-color: #93030A;
}

#tItemMiddle
{
    width: 474px;
    height: 100%;
    vertical-align: top;
    border-color: #93030A;
}

</style>

<script language="JavaScript">
function initSpacer()
{
var $height = document.getElementById('tItemSpacer').offsetHeight
var i = $height/21; i = Math.round(i); i = i - 4
window.alert(i + ", " + $height)
var $space = "<br>"
while(i > -1)
    {
    $space = $space + "<br>"
    i--
    }
document.getElementById('spaceDiv').innerHTML = $space
}

</script>

</head>

<body onLoad="initSpacer()">

<table cellspacing="0px" cellpadding="0px" align="center">
    <tr>
        <td id="tItemLogo" colspan="3">[img]"toplogo.jpg"></td>
    </tr>
    <tr>
        <td[/img]1</td>
        <td id="tItemMiddle" rowspan="5">2<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>22<br><br>2</td>
        <td id="tItemTop">3</td>
    </tr>
    <tr>
        <td id="tItemNor">Bla</td>
        <td id="tItemNor">Bla</td>
    </tr>
    <tr>
        <td id="tItemNor">Bla</td>
        <td id="tItemNor">Bla</td>
    </tr>
    <tr>
        <td id="tItemNor">Bla</td>
        <td id="tItemNor">Bla</td>
    </tr>
    <tr>
        <td id="tItemSpacer" height="100%"><div id="spaceDiv"></div></td>
        <td id="tItemNor">&nbsp;</td>
    </tr>
    <tr>
        <td id="tItemTop" colspan="3" width="750px" height="9px">Blaat</td>
    </tr>
</table>

</body>

</html>

het gaat dus om dit:
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

function initSpacer()
{
//hoogte van middelste cel opvragen
var $height = document.getElementById('tItemSpacer').offsetHeight
//hoogte van die cel delen door 21 om het aantal <br>'s te berekenen
// (1 br is 21 pixels hoog), en daarna - 4 voor het aantal menuitems
var i = $height/21; i = Math.round(i); i = i - 4
//even alerten om te testen
window.alert(i + ", " + $height)
// opdracht om br's in een var te zetten
var $space = "<br>"
while(i > -1)
    {
    $space = $space + "<br>"
    i--
    }
// uitschrijven van br's
document.getElementById('spaceDiv').innerHTML = $space
}

(ff commentaar erbij gevoegd)
maar wat doe ik nou fout?

maandag 20 mei 2002 15:48

Acties:
  • jenne
  • Registratie: Juni 2001
  • Laatst online: 22-07 21:02

jenne

Veelste veel werk voor zon tabelletje ;) kzou gewoon frames gaan gebruiken dan alles steeds in tabellen te knallen en helemaal zonder al die script shit.

oja hou geen rekening met netschaap die mensen zijn wel gewend dat ze geen pagina's kunnen zien....

en hoogt van cel kan je gewoon zeggen <td height="50"> of <td height="100%">

maandag 20 mei 2002 16:53

Acties:

Verwijderd

Topicstarter
erm... het gaat er nou juist om dat het in zijn geheel 1 pagina is... anders had ik allang een andere oplossing gevonden

maandag 20 mei 2002 16:58

Acties:
  • 2xit
  • Registratie: Juli 2001
  • Laatst online: 07-08 15:02

2xit

Q+M by P+E

Op maandag 20 mei 2002 16:53 schreef Junt het volgende:
erm... het gaat er nou juist om dat het in zijn geheel 1 pagina is... anders had ik allang een andere oplossing gevonden
Wat je ook kan doen is de gehele pagina tekenen in bijvoorbeeld Macromedia Fireworks en deze daarna te exporteren naar gif's en html. Heb je alles mooi op zijn plaats staan. Let op dit kan van grote invloed zijn op de hoeveelheid Kb's

The factory of the future will have only two employees, a man and a dog. The man will be there to feed the dog. The dog will be there to keep the man from touching the equipment.

Always be 2excite(d)

maandag 20 mei 2002 17:03

Acties:

Verwijderd

Topicstarter
wat ik natuurlijk ook kan doen is niet met td's maar met gestretchde gifjes werken... dan kan het gewoon in 1 td met valign=top

is wel een ranzige oplossing, maar dat moet maar

maandag 20 mei 2002 18:48

Acties:

Verwijderd

Topicstarter
het is me gelukt, voor de geinterresseerden dus hij kan dicht :)

maandag 20 mei 2002 19:29

Acties:
  • Mithrandir
  • Registratie: Januari 2001
  • Laatst online: 03-09 22:42

Mithrandir

Op maandag 20 mei 2002 18:48 schreef Junt het volgende:
het is me gelukt, voor de geinterresseerden dus hij kan dicht :)
*fluit*
Wel mooi!
*fluit*

Verbouwing

maandag 20 mei 2002 19:32

Acties:

Verwijderd

Topicstarter
nahh, ik vind het wel een beetje standaard :7 >:)

maandag 20 mei 2002 21:40

Acties:
  • 2xit
  • Registratie: Juli 2001
  • Laatst online: 07-08 15:02

2xit

Q+M by P+E

Op maandag 20 mei 2002 18:48 schreef Junt het volgende:
het is me gelukt, voor de geinterresseerden dus hij kan dicht :)
Had je niet beter het middelste deel in een apart frame kunnen zetten. Nu moet de gebruiker iedere keer als het van menu-item wil wisselen eerst weer naar boven scrollen. Is niet echt gebruikersvriendelijk.

Voor de rest leuk ontwerp. Success verder ;)

The factory of the future will have only two employees, a man and a dog. The man will be there to feed the dog. The dog will be there to keep the man from touching the equipment.

Always be 2excite(d)

dinsdag 21 mei 2002 07:25

Acties:

Verwijderd

Topicstarter
GAAP :z
maarruh... dat is zo gedaan omdat het een groot menu wordt met veel sponsors/affliates en dergelijken. ik had geen zin in 3 verschillende scrollbalken, dus vandaar :7

dinsdag 21 mei 2002 22:35

Acties:
  • Guillome
  • Registratie: Januari 2001
  • Niet online

Guillome

test

Op zondag 19 mei 2002 23:09 schreef SH007 het volgende:

[..]

niet iedereen heeft breedband/weet wat IE6 is.
Een site moet met IE5(of 5.5) het ook nog behoorlijk doen, anders sluit je heel veel mensen uit, die toch je site willen bezoeken.
Pcies.
Maar ik heb wél breedbant, en weet wél van IE 6.
Maar ik heb nog altijd 5.01
En waarom?
Daarom, en heb ook nog steeds geen XP, en ook geen Media player 7,8 of wat dan ook, maar lekker 6.4
Omdat ik niet snel overstap als het niet nodig is.
ICQ 2001a draait ook prima!

If then else matters! - I5 12600KF, Asus Tuf GT501, Gigabyte Gaming OC 16G 5080 RTX, Asus Tuf Gaming H670 Pro, 48GB, Corsair RM850X PSU, SN850 1TB, Arctic Liquid Freezer 280, ASUS RT-AX1800U router

Pagina: 1
Reageer