[htm] tabellen

Gatara · **16-08-2003, 12:30**

(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:

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

) :

<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.

deathz0rz · **16-08-2003, 12:42**

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

pseudo-html:

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

Gatara · **16-08-2003, 12:45**

Citaat:

deathz0rz schreef op 16-08-2003 @ 13:42:
waarom doe je die randen met een gifje?

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

Citaat:

[b]
en 77+33 is geen 100 hoor

*KUCH* dat verander ik ff

Citaat:

pseudo-html:

Mjah

weet r gewoon niet genoeg vanaf. Hoeft ook niet in principe

Citaat:

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

Dat ga ik ns uitproberen.
Thnx.

deathz0rz · **16-08-2003, 12:48**

Citaat:

Gatara schreef op 16-08-2003 @ 13:45:

Dat ga ik ns uitproberen.
Thnx. [/B]

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

Gatara · **16-08-2003, 12:54**

Citaat:

deathz0rz schreef op 16-08-2003 @ 13:48:
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

deathz0rz · **16-08-2003, 12:56**

Citaat:

Gatara schreef op 16-08-2003 @ 13:54:
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

**16-08-2003, 13:06**

Citaat:

Gatara schreef op 16-08-2003 @ 13:45:

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

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

Gatara · **16-08-2003, 13:09**

Citaat:

eddie schreef op 16-08-2003 @ 14:06:
Dat kan ook met CSS. Dit zorgt er tevens voor dat de pagina sneller laadt.

Hoe?

deathz0rz · **16-08-2003, 13:13**

Citaat:

Gatara schreef op 16-08-2003 @ 14:09:
Hoe?

http://www.w3.org/TR/REC-CSS2/box.ht...der-properties

M@rco · **16-08-2003, 13:48**

Volgens mij wil je het iets te ingewikkeld maken

Randen kun je prima met CSS doen, transparante GIFjes zijn niet meer van deze tijd

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

Lijkt me al iets simpeler

deathz0rz · **16-08-2003, 13:52**

Citaat:

M@rco schreef op 16-08-2003 @ 14:48:
Volgens mij wil je het iets te ingewikkeld maken
Randen kun je prima met CSS doen, transparante GIFjes zijn niet meer van deze tijd

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

iamcj · **16-08-2003, 14:47**

Citaat:

deathz0rz schreef op 16-08-2003 @ 14:52:
jouw voorbeeld is met meerdere tabellen, dat is vies

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.

Gatara · **16-08-2003, 14:52**

Citaat:

M@rco schreef op 16-08-2003 @ 14:48:
Volgens mij wil je het iets te ingewikkeld maken
Randen kun je prima met CSS doen, transparante GIFjes zijn niet meer van deze tijd

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

Lijkt me al iets simpeler

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

M@rco · **16-08-2003, 15:04**

Citaat:

Gatara schreef op 16-08-2003 @ 15:52:
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

Gatara · **16-08-2003, 15:28**

Citaat:

M@rco schreef op 16-08-2003 @ 16:04:
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

M@rco · **16-08-2003, 15:51**

Dit lijkt me de makkelijkste manier dus ga je gang

**16-08-2003, 16:02**

Citaat:

Gatara schreef op 16-08-2003 @ 16:28:
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

Simpeler gaat het echt niet worden hoor

Gatara · **16-08-2003, 16:17**

Citaat:

McLaren schreef op 16-08-2003 @ 17:02:
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?

Gatara · **16-08-2003, 17:09**

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

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):

M@rco · **16-08-2003, 17:22**

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>

Fade of Light · **16-08-2003, 18:26**

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

et voila, nu moet je het kunnen

Gatara · **17-08-2003, 17:06**

*GRRRRR*

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

zie hier

M@rco · **17-08-2003, 17:16**

Oeps.

Regel 99:

<td width="20%">

Moet zijn:

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

Gatara · **17-08-2003, 17:18**

Citaat:

M@rco schreef op 17-08-2003 @ 18:16:
Oeps.

Regel 99:

<td width="20%">

Moet zijn:

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

thnx!

Soortgelijke topics
Forum	Topic	Reacties	Laatste bericht
Software & Hardware	[html] Balk leeft zn eigen leven Hypocrisy_Female	1	09-09-2003 13:04
Levensbeschouwing & Filosofie	The New Brain Model+Wat is objectief? Isa	1	01-04-2003 18:07
Software & Hardware	Site probleempje The Iceman	3	10-05-2002 15:30
Software & Hardware	Tabellen :S Alex Fernando	8	02-03-2002 10:08
Software & Hardware	"Cable Uncappen" ??? snoodogg	19	18-05-2001 18:21
Huiswerkvragen: Exacte vakken	po	1	01-03-2001 22:11

16-08-2003, 15:51
M@rco	Dit lijkt me de makkelijkste manier dus ga je gang __________________ What experience and history teach is this — that people and governments never have learned anything from history, or acted on principles deduced from it.

16-08-2003, 17:09
Gatara	Ik heb jouw manier gebruikt, M@rco, maar het komt er niet uit zoals bij jou 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): __________________ Bureaucracy is the death of any achievement.

16-08-2003, 18:26
Fade of Light	http://www.cwru.edu/help/wilbur/ch6.html http://www.cwru.edu/help/wilbur/ch7.html et voila, nu moet je het kunnen

17-08-2003, 17:06
Gatara	GRRRRR Waarom wordt mijn rechter tabel verneukt, zodra ik mijn hoofdtekst gebruik wil maken van <br>? zie hier __________________ Bureaucracy is the death of any achievement.

17-08-2003, 17:16
M@rco	Oeps. Regel 99: <td width="20%"> Moet zijn: <td width="20%" valign="top"> __________________ What experience and history teach is this — that people and governments never have learned anything from history, or acted on principles deduced from it.

Advertentie