[HTML] td style ook bij lege cel

Pagina: 1
Acties:

  • MiKeZZa
  • Registratie: December 2004
  • Laatst online: 22:48
Ik wil graag mijn td style:

code:
1
<td style='border-left-width: 1px; border-right-width: 1px; border-top-style: solid; border-top-width: 1px; border-bottom-width: 1px'>


gebruiken voor alle cellen, ook voor lege cellen. Is dit mogelijk? Ik kan het in ieder geval niet vinden via google (weet ook niet echt op welke termen ik moet zoeken)

Verwijderd

In CSS style zet je dit:

td
{
border-left-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-top-width: 1px;
border-bottom-width: 1px
}

Je TD's in HTML maak je gewoon zo:

<td></td>

Omdat je in CSS td doet zal ie elke td hetzelfde stylen
Je kan natuurlijk ook een class toewijzen aan je td

  • MiKeZZa
  • Registratie: December 2004
  • Laatst online: 22:48
Verwijderd schreef op woensdag 09 mei 2007 @ 09:36:
In CSS style zet je dit:

td
{
border-left-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-top-width: 1px;
border-bottom-width: 1px
}

Je TD's in HTML maak je gewoon zo:

<td></td>

Omdat je in CSS td doet zal ie elke td hetzelfde stylen
Je kan natuurlijk ook een class toewijzen aan je td
Bedankt! Geen seconde aan css gedacht, dom natuurlijk! Maar staarde me zo blind op HTML :)

Als ik er gewoon td van maak werkt het maar dat is niet wat ik wil dus ik wil er een class van maken. Nu heb ik dit gedaan:

code:
1
2
3
4
5
6
7
8
9
10
.tdmetrand
{
border-left-width: 1px;
border-right-width: 1px;
border-top-style: solid;
border-top-width: 1px;
border-bottom-width: 1px
}

<td class='tdmetrand'>


Maar dit werkt niet... Zie ik iets over het hoofd?

Verwijderd

Helpt dit?
Cascading Stylesheet:
1
2
3
table {
   empty-cells:show;
}

Kijk anders ook eens bij QuirksMode:
http://www.quirksmode.org/css/tables.html

  • MiKeZZa
  • Registratie: December 2004
  • Laatst online: 22:48
Verwijderd schreef op woensdag 09 mei 2007 @ 10:01:
Helpt dit?
Cascading Stylesheet:
1
2
3
table {
   empty-cells:show;
}

Kijk anders ook eens bij QuirksMode:
http://www.quirksmode.org/css/tables.html
Ok, ook dit werkt :)

SUPER :D

Nog een laatste vraag, er zit wat ruimte tussen de lijnen, terwijl dit volgens mij niet opgenomen is in de code, hoe kan dat?

Verwijderd

MiKeZZa schreef op woensdag 09 mei 2007 @ 10:15:
[...]

Nog een laatste vraag, er zit wat ruimte tussen de lijnen, terwijl dit volgens mij niet opgenomen is in de code, hoe kan dat?
Standaard browsergedrag. Tip: "border-collapse: collapse" op de table :)
Pagina: 1