[CSS] klein vraagje

Pagina: 1
Acties:

  • Alpha-sphere
  • Registratie: Januari 2001
  • Laatst online: 14-12-2021
Ik heb een heel klein vraagje. Heb al rond gezocht op google maar ik kan met m'n stomme hoofd niks vinden. Sorry

Ik weet dat je met het onderstaande CSS een mooi dun randje kan maken om de tabel heen.

code:
1
2
3
4
table
{
border: 1px solid;
}


Maar hoe kan ik alle randen in de tabel zo mooi dun maken?

Assume there are no rules and it's one big free for all


  • maikel
  • Registratie: Januari 2001
  • Laatst online: 28-08 13:52
Door die style ook voor een TD-tag op te geven.

  • Morrar
  • Registratie: Juni 2002
  • Laatst online: 27-08 15:16
maikel is iets te snel vrees ik, door de volgende style voor td op te nemen:

td { border: 1px solid black; }

krijg je een 2 pixel brede rand tussen alle cellen. Alleen aan de buitenkant van de tabel hebben td's dan een enkele rand. 1px ertussen kan wel, maar dan moet je gaan pielen met border-left, border-bottom, etc. Is erg veel werk, weet niet of je dat de moeite waard vindt.

edit:
Ag dat van dat veel werk is beetje overdreven, zo kan het:

table
{ border-left: 1px solid black;
border-top: 1px solid black;
}

td
{ border-right: 1px solid black;
border-bottom: 1px solid black;
}

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 22:33

crisp

Devver

Pixelated

Morrar schreef op 04 november 2002 @ 00:45:
maikel is iets te snel vrees ik, door de volgende style voor td op te nemen:

td { border: 1px solid black; }

krijg je een 2 pixel brede rand tussen alle cellen. Alleen aan de buitenkant van de tabel hebben td's dan een enkele rand. 1px ertussen kan wel, maar dan moet je gaan pielen met border-left, border-bottom, etc. Is erg veel werk, weet niet of je dat de moeite waard vindt.
daar hebben ze het volgende voor:
code:
1
border-collapse: collapse;

:)

Intentionally left blank


  • Morrar
  • Registratie: Juni 2002
  • Laatst online: 27-08 15:16
Ah, das best handig, border-collapse...

Weer wat geleerd :)

edit: (ja alweer)
ff voor de duidelijkheid dan: die border-collapse moet in de table-definitie en de border van 1px moet in de td-definitie in je stylesheet...

Verwijderd

Collapse staat nog niet in W3C? Wordt dat door alle browsers ondersteund?

Neem hier een kijkje voor de border grootte, etc:
http://www.w3.org/TR/REC-CSS1#border-top-width

Verwijderd

Verwijderd schreef op 04 november 2002 @ 02:05:
Collapse staat nog niet in W3C? Wordt dat door alle browsers ondersteund?

Neem hier een kijkje voor de border grootte, etc:
http://www.w3.org/TR/REC-CSS1#border-top-width
We hebben tegenwoordig zoiets als CSS 2 hoor :?
Pagina: 1