[HTML] Loze ruimte in tabel maken

[Megamind]

Ik heb een tabel die behoorlijk lang is. Nu wil ik om de 10 kolommen de tabel een loze ruimte geven. Dus een wit stuk zonder lijntjes. Ik kan natuurlijk een nieuwe tabel maken maar dan worden niet alle kolommen precies even recht.

Iemand een oplossing?

Dus niet zo:

code:

|----|----|
|    |    |
|----|----|
|    |    |
|----|----|
|    |    |
|----|----|
|    |    |
|----|----|
|    |    |
|----|----|
|    |    |
|----|----|

Maar zo:

code:

|----|----|
|    |    |
|----|----|
|    |    |
|----|----|

|----|----|
|    |    |
|----|----|
|    |    |
|----|----|

[disjfa]

een row ertussen zetten zonder layout

Maar laat maar je code zien Daar kunnen we wat meer mee.

[crisp]

Met css zorgen dat die dummy cellen geen border krijgen?

[Verwijderd]

lijkt me eerder zaak om die onderste tr een margin-bottom te geven, extra rij met cellen slaat natuurlijk nergens op, sematisch gezien

edit: zou leuk zijn als dat werkt dit had ik dus nog niet getest, en het werkt ook niet. Kan iemand uitleggen waarom? want dat vat ik dus ff niet

[ Voor 38% gewijzigd door Verwijderd op 14-07-2004 19:35 ]

[Verwijderd]

Dat kun je doen met het CSS attribuut border, dus in de cellen die je 'weg' wil hebben maak je met style="border-color:#kleurcode" de border kleur gelijk aan de achtergrond

[Clay]

Ik kan natuurlijk een nieuwe tabel maken maar dan worden niet alle kolommen precies even recht.

Da's natuurlijk onzin, er is een overvloed aan mogelijkheden om dat prima voor elkaar te krijgen.

edit: zou leuk zijn als dat werkt dit had ik dus nog niet getest, en het werkt ook niet. Kan iemand uitleggen waarom? want dat vat ik dus ff niet

een tr is alleen maar een conceptuele container van de td's, en heeft zelf geen zichtbare layout^1.. Borders etc werken ook niet, en kleuren en b.v. align properties cascaden door naar de td. Van user agents wordt b.v. verwacht dat ze zelf table-row en table om elementen heenzetten ^2. die jij table-cell als display geeft. En die zijn op hun beurt ook alleen met border-spacing op een (display:table;) parent uit elkaar te zetten.

dat is het iig ongeveer zou er ook nog eens meer over moeten lezen.


<sub>1. borders kunnen blijkbaar wel als de table border-collapse:collapse; heeft.
2. http://www.w3.org/TR/REC-CSS2/tables.html#anonymous-boxes</sub>

[ Voor 11% gewijzigd door Clay op 14-07-2004 20:05 ]

[Megamind]

Verwijderd schreef op 14 juli 2004 @ 19:31:
Dat kun je doen met het CSS attribuut border, dus in de cellen die je 'weg' wil hebben maak je met style="border-color:#kleurcode" de border kleur gelijk aan de achtergrond

Hmm helaas dat werkt niet

Ik heb dit:

code:

<tr bgcolor="white" class="dummytbl"><td colspan="9">&nbsp;</td></tr>

css:
.dummytbl{
  border: 0 none Aqua;
}

[crisp]

1	2
3	4

[André]

HTML rechten zijn wel eens makkelijk ja

[Megamind]

crisp schreef op 14 juli 2004 @ 21:41:
<style type="text/css">table.myTable{border-collapse:collapse;}table.myTable tr td{padding:10px;border:1px solid black;}table.myTable tr.dummy td{border:0;}</style><table class="myTable"><tr><td>1</td><td>2</td></tr><tr class="dummy"><td colspan="2"> </td></tr><tr><td>3</td><td>4</td></tr></table>

Deze werkt idd

Moet toch maar eens CSS meer gaan leren

[Verwijderd]

Eigenlijk zou je dit soort dingen met de TBODY tag moeten kunnen oplossen.
http://www.w3.org/TR/html4/struct/tables.html#edef-TBODY

Cascading Stylesheet:

tbody tr:first-child td {
    /* etc */
}

Geloof niet dat dit werkt in IE.

[Verwijderd]

Megamind schreef op 15 juli 2004 @ 07:15:
Moet toch maar eens CSS meer gaan leren

Is best handig in 2004...

[André]

Verwijderd schreef op 15 juli 2004 @ 09:12:
[...]


Is best handig in 2004...

Het wordt steeds vaker gebruikt he