Archief - (Q) HTML: table borders

hey,

ik heb een dringende vraag. Ik heb een table gemaakt in HTML, met 1 rij en 1 kolom. De rechtse kolom is gesplitst in 2 rijen.

zoiets

linkse kolom--> hierin mag enkel de onderste rand zichtbaar zijn
rechtse kolom, bovenste rij--> mag GEEN enkele zichtbare rand hebben
rechtse kolom, onderste rij--> bovenrand, rechter- en linkerrand moeten zichtbaar zijn.

andere mogelijkheid voor rechtse kolom: in de bovenste rij zou bvb enkel de onderste rand zichtbaar kunnen zijn, terwijl de onderste rij enkel de zijranden zichtbaar weergeven mogen worden.


Hopelijk weet iemand hier raad mee

Thx op voorhand
Vvardenfell

Gebruik CSS om die cellen afzonderlijk op te maken.

Meerbepaald:
border-left, border-right, border-top, border-bottom

vb. van klasses:

.linkerCel
{
border-bottom: 1px solid #000000;

}

.rechterCel
{
border-left: 1px solid #000000;
border-top: 1px solid #000000;
border-right: 1px solid #000000;

}

thx DarkBone

het werkt..... daar heb ik RETE-LANG op gezocht, thx man!!!

Groeten, Vvardenfell

RETE-LANG op gezocht ????

Kende gij dan google niet? => table border :doh: :doh:

he ik zit met het volgende probleem: doordat ik een bepaalde cel verschillende randen wil geven, moet ik blijkbaar het attribuut "style=" opnieuw in de code zetten. Anders werkt het niet. Nu, ik gebruik de WYSIWIG editor Dreamweaver MX2004, en door het herhalende gebruik van "style=" in dezelfde tag, geeft Dreamweaver foutmeldingen weer in het design-paneel, wat de layout helemaal om zeep helpt. In IE is het echter weer normaal en krijg ik het gewenste resultaat. Maar het is, omwille van de foutmeldingen, onmogelijk om nog overzichtelijk te werk te gaan in Dreamweaver. Kan iemand zeggen hoe ik dit probleem verhelp?

De code is:

<table width="925" height="570" bgcolor="#999999" border="0" align="center" cellspacing="0" bordercolor="#000000" style="border-bottom: 1px solid #000000" style="border-left: 1px solid #000000" style="border-right: 1px solid #000000">


Het attribuut "style=" zou maar 1 keer mogen voorkomen in de tag, maar moet gelden voor de rest van de lijn, zodat de gewenste randen toch worden weergegeven. Zoals eerder vermeld helpt het niet om "style=" te wissen, want dan worden de gevraagde randen gewoon niet weergeven in IE.

Thx

Originally posted by Vvardenfell

<table width="925" height="570" border="0" align="center" cellspacing="0" style=" background-color:#999999; border-bottom: 1px solid #000000; height: 570px; border-left: 1px solid #000000; border-right: 1px solid #000000">

Klik om te vergroten...

tijd voor wat degelijk css te leren?

Jaja Dece, het is toch wel weer gelukt zeker

Gewoon de tussenliggende " weglaten en het probleem is opgelost...

Bedankt!

Ik weet het: moet me eens bezighouden met CSS, maar vind momenteel nog niet de tijd...