[CSS] 1px ruimte tussen tabelranden

[fatbenny]

Ik probeer een tabel te maken maar ik krijg de vier openingen van 1px niet weg. Heb het op diverse manieren geprobeerd.
Dit is het laatste voorbeeld: http://www.sites.jumanti.com/overig/test1.htm
Zie de source voor de aanpak.

Weet iemand hoe ik ervoor kan zorgen dat alles aansluit?

[crisp]

waarom doe je niet gewoon zo:

code:

table, td {
  border: 1px solid #000000;
  border-collapse: collapse;
}

snel klaar

[Folkert]

Gooi de padding en spacing van je tabel op 0
cellpadding="0" cellspacing="0"

[Woudloper]

Als je nou:

HTML:

<table cellspacing="0">

toevoegd, dan moet het gewoon werken toch

[fatbenny]

Crisp, jouw oplossing werkt.

Cellspacing staat normaal al op 0 volgens mij

[crisp]

Folkert schreef op 21 February 2003 @ 14:42:
Gooi de padding en spacing van je tabel op 0
cellpadding="0" cellspacing="0"

border-collapse: collapse is dus equivalent aan cellspacing="0", en padding kan je ook met css regelen. Nergens voor nodig dus die ranzige HTML attributen

[Kees]

overigens komen die witte pixels daar omdat je de linkerborder niet gedefinieert hebt, maar hij wordt wel getekend, probeer deze eens op 0 pixels te zetten?

[IschaGast]

Cellspacing staat volgens mij normaal niet op 0 hoor. Ik had jouw bestandje net gedl en daar stond helemaal niets bij cellspacing. En niets is in dit geval geen 0.

Als je de cellspacing op 0 zou zetten dan werkte het ook

[ Voor 1% gewijzigd door IschaGast op 21-02-2003 14:51 . Reden: foutje in tekst ]

[Folkert]

fatbenny schreef op 21 February 2003 @ 14:47:
Crisp, jouw oplossing werkt.

Cellspacing staat normaal al op 0 volgens mij

Nee, default value = 1
Jouw pixeltje dus....

[fatbenny]

Kees schreef op 21 February 2003 @ 14:49:
overigens komen die witte pixels daar omdat je de linkerborder niet gedefinieert hebt, maar hij wordt wel getekend, probeer deze eens op 0 pixels te zetten?

nee dat had ik al geprobeerd, lukte niet

[Woudloper]

Zoals Crisp dus heeft gezegd. Als je graag gebruik wilt maken van alleen maar CSS, dan moet je voor de border-collapse optie gaan. Deze is echter equivalent voor de cellspacing optie.

Daarbij toevoegend is het dus zo dat deze standaard op 1 staat (dit geld ook voor de cellpadding), dus als je het echt niet wil moet je het natuurlijk wel op 0 zetten.

[BtM909]

Woudloper schreef op 21 February 2003 @ 15:01:
Daarbij toevoegend is het dus zo dat deze standaard op 1 staat (dit geld ook voor de cellpadding), dus als je het echt niet wil moet je het natuurlijk wel op 0 zetten.

Correctie:

Cellpadding staat standaard op 1
Cellspacing staat standaard op 2

(px that is)

[Bosmonster]

Voordeel van border-collapse is dat je voor alle cellen gewoon de volledig borders in kan stellen, zonder per cel te moeten kijken welke rand je weg moet laten omdat ie anders dubbel komt

[Verwijderd]

En het nadeel van border-collapse is dat een border altijd maar in één kleur kan zijn. Je kunt niet de kleur van de rechterborder van een cel opgeven als de cel rechts ernaast al een border heeft. (of andersom).

Het juiste CSS equivalent van cellspacing is table-spacing, dat sowieso nog niet door IE wordt ondersteunt. Zolang cellspacing nog niet deprecated is, kun je dat overigens gewoon gebruiken.

BtM909:
Dat is volgens mij iets wat de browser zelf mag bepalen. Als browser X vindt dat er standaard geen ruimte tussen cellen hoeft te zitten, dan geeft dat toch niks?