[htm] tabellen
 

(ik ben duidelijk met een website bezig, al die topics die ik over html open ;))

Ik zit nu met een ander probleem....
tabellen.

Ik wil als t waren 1 hele grote tabel creeren, waarin in de eerste kolom een kleine tabel komt met 1 rij met 7 kolommen. Deze kolom moet 77% zijn. En dan de tweede kolom wordt dan 23% en dat moet dan bestaan uit meerdere rijen.
De zwarte lijnen creeer ik met behulp van een transparante 1.gif
dus daar moet rekening mee gehouden worden door een extra rij of kolom te creeeren.

Schematisch gezien zoiets dus:
http://www.amnestyuva.org/test/tabel.jpg

Momenteel dacht ik t zo op te lossen (cellspacing e.d. is 0 dat typ ik even niet hierin, da's me teveel werk :o) :

<table width=100%>
<td>
<table width=77%>
<td></td> (dit x14 (ivm zwart lijntje))
</table>

Hoofdtekst (in t grootste vierkant)

</td>
<td>
<table width=23%>
<tr></tr> (etc)
</table>
</td>
</table>

Maar zo werkt dat dus niet. :(

waarom doe je die randen met een gifje?
en 77+33 is geen 100 hoor:P

pseudo-html: ;)

table,w:100%
&nbsp;&nbsp;&nbsp;tr
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;td
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;td
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;td
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;td
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;td
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;td
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;td
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;td,w:33%,rowspan=[alle tr]
&nbsp;&nbsp;&nbsp;tr
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;td,colspan=7,rowspan=[alle tr-1]
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;td
&nbsp;&nbsp;&nbsp;tr&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;// dit zoveel toevoegen als nodig aan de rechterkant...
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;td
/table

dat ziet mooi uit en kan ik makkelijker zelf bepalen waar er een rand komt.

*KUCH* dat verander ik ff :)



Mjah :) weet r gewoon niet genoeg vanaf. Hoeft ook niet in principe :)

Dat ga ik ns uitproberen.
Thnx.

merk wel op dat ik geen rekening heb gehouden met je randen!

Mm :) denk dat dat uiteindelijk wel lukt.

Maar zou je dat van colspan en rowspan helemaal voluit willen schrijven? Want dat ken ik (nog) niet...
:)
alvast bedankt

http://www.handleidinghtml.nl/html/e...d.html#COLSPAN
http://www.handleidinghtml.nl/html/e...d.html#ROWSPAN

Dat kan ook met CSS. Dit zorgt er tevens voor dat de pagina sneller laadt.

Hoe?

Volgens mij wil je het iets te ingewikkeld maken ;)
Randen kun je prima met CSS doen, transparante GIFjes zijn niet meer van deze tijd :D

Heb hier ff een voorbeeld neergezet:
http://members.chello.nl/mcbout/tabel.html

Lijkt me al iets simpeler :)

jouw voorbeeld is met meerdere tabellen, dat is vies :O

Nee, dat is makkelijk met schuiven en kopieren van delen naar andere pagina's. Ook zit je geen uren met row en colspannetjes te kloten, totdat je tabel eens goed wordt weergegeven.

Oo, mijn tekening was niet geheel duidelijk zie ik. Want de onderste lijn bij de tabel van 7 kolommen moet niet aanwezig zijn.
:)

Zo?

http://members.chello.nl/mcbout/tabel2.html

Ja :)

maareh,.. wordt de code dan niet erg lang uiteindelijk? Het moet op zich makkelijk up te daten zijn, die pagina. Maar als er geen
kortere manier is, dan adopteer ik deze ;) :)

Dit lijkt me de makkelijkste manier dus ga je gang :)

Simpeler gaat het echt niet worden hoor :)

Ik kan t voor de anderen altijd nog makkelijker maken door instructietekst <!-- --> toe te voegen, bedenk ik me :)

M@rco, ik zie overigens dat je bij table.main over 600px spreekt. Waarom 600px? En niet in procenten?
Is het gevaar om dergelijke dingen in pixels uit te spreken niet dat mensen met sommige schermresolutieniveau's de pagina niet goed weergegeven krijgen?

Ik heb jouw manier gebruikt, M@rco, maar het komt er niet uit zoals bij jou :o

Ik denk dat dat door het feit komt dat ik er nog een tabel boven heb staan (zie plaatje)

Het is de bedoeling dat ie zo er uit komt te zien (met de kleuren hoef je even geen rekening te houden, dat heb ik gedaan om het duidelijker te maken):
http://www.amnestyuva.org/test/tabel.gif

Ik had de breedte gewoon even in pixels gedefinieerd... kun je natuurlijk gewoon in procenten veranderen :)
(Kan trouwens geen kwaad om het in pixels te definieren, het zorgt er wel voor dat je tabel op alle resoluties dezelfde breedte heeft. Als je tabel dus bijvoorbeeld 800 pixels breed is en iemand gebruikt een 800x600 resolutie, krijgt 'ie wel een horizontale scrollbalk te zien.)

En je kunt denk ik het beste gewoon 3 extra rijen invoegen bovenin de tabel. Dus zo:

<table cellspacing="0" cellpadding="0" class="main">
(het volgende dus invoegen:)
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td colspan="2"></td>
</tr>

http://www.cwru.edu/help/wilbur/ch6.html
http://www.cwru.edu/help/wilbur/ch7.html

et voila, nu moet je het kunnen

*GRRRRR*

Waarom wordt mijn rechter tabel verneukt, zodra ik mijn hoofdtekst gebruik wil maken van <br>?

:(
zie hier

Oeps.

Regel 99:

<td width="20%">

Moet zijn:

<td width="20%" valign="top">

:o

:D

thnx! (y)