Ik heb een tabel met 2 rijen en 2 kollommen, border staat op 1 en bij de 2de rij staat colspan op 2. Dus in de eerste rij heb ik 2 kollommen, 2de rij 1 kolom. nu wil ik een rand ROND de table, en niet tussen de cellen. Hoe doe ik dat?

<table class="randje">



.randje {
border: 1px solid #kleur;
}


[edit]manier van Blanche kan ook ...[/edit]
Door met behulp van CSS je table een border te geven?

table {
    border: 2px solid #f00;
}

Dit zal je tabel een rode rand van 2px breed geven...

ps. Gebruik verder zo min mogelijk inline styles. Dus ook geen borders of collspans binnen je <table> tag. De opmaak regel je gewoon volledig met CSS...
oké, dankje!
Jordi schreef op 18.10.2008 19:23

<table class="randje">



.randje {
border: 1px solid #kleur;
}


[edit]manier van Blanche kan ook ...[/edit]

Jouw manier is beter, op de manier van Blanche heb je dit met alle tabellen (wat ik persoonlijk erg vervelend vind)
@Paradox: dat is natuurlijk maar net afhankelijk van de toepassing...

Als in de stijl van jouw website alle tabellen een 2px brede rode rand hebben, geef je de stijl natuurlijk mee aan de <table> tag en ga je niet elke tabel apart een klasse meegeven.

Kortom, 'beter' is hier een nogal relatief begrip ;-)
En ik vraag me uiteraard af waarom de TS een tabel gebruikt ;-)
Jan Koehoorn schreef op 18.10.2008 20:42
En ik vraag me uiteraard af waarom de TS een tabel gebruikt ;-)
Uiteraard voor het weergeven van tabulaire data... (hoop ik ;-))
Ik hoop het ook! Maar hij heeft een tabel met twee rijen en twee kolommen, dus vandaar mijn vraag ...

;-)

Reageren