[CSS] tabel alle randen even dik

[chielsen]

Ik wil graag met css alle randen in een tabel (dus van alle cellen) even dik maken en dmv css dit instellen. Als ik het doe door

td
{
border-color:#FFFFFF;
border-width:1px;
border-style:solid;
}

Dan worden sommige randen dubbel zo dik dan de andere.
ALs ik de border van table aanpas doet ie alleen de buitenste randen van de tabel.
Ik heb hier al gezocht maar kan het nergens vinden.

[ Voor 27% gewijzigd door chielsen op 22-03-2006 23:48 ]

[disjfa]

zie onder me

Ik ben zo goed met tables dat ik niet eens normaal borders kan maken blijkbaar

[ Voor 168% gewijzigd door disjfa op 22-03-2006 23:58 ]

[BasieP]

Cascading Stylesheet:

table {
border-collapse: collapse;
}

td {
border: 4px solid pink;
}

dit werkt iets 'netter' disjfa

[ Voor 41% gewijzigd door BasieP op 22-03-2006 23:59 ]

[Verwijderd]

Jup, of zoiets proberen.

[Verwijderd]

disjfa schreef op woensdag 22 maart 2006 @ 23:54:
Ik ben zo goed met tables dat ik niet eens normaal borders kan maken blijkbaar

Liever dan dat je te overmoedig bent met tabelletjes.

[chielsen]

AH mooi dat werkt. Had nog nooit van collapse gehoord, blijkbaar staan niet alle 'functies' op w3schools.
Wie weet een goede site met een compleet overzicht?

[BasieP]

chielsen schreef op donderdag 23 maart 2006 @ 00:00:
AH mooi dat werkt. Had nog nooit van collapse gehoord, blijkbaar staan niet alle 'functies' op w3schools.
Wie weet een goede site met een compleet overzicht?

http://w3.org
wel ff zoeken.

btw, je kon deze info ook gewoon vinden op google
eerste 2 hits staat het al in

[ Voor 22% gewijzigd door BasieP op 23-03-2006 00:02 ]

[disjfa]

http://www.w3schools.com/css/pr_tab_border-collapse.asp

[chielsen]

disjfa schreef op donderdag 23 maart 2006 @ 00:02:
http://www.w3schools.com/css/pr_tab_border-collapse.asp

Raar, hier staat het namelijk niet:
http://www.w3schools.com/css/css_border.asp

[disjfa]

Borders hebben met elementen te maken. Border collapse met tables. Logisch dat het niet bij border staat. Ook al klinkt het wel zo Gewoon naar w3schools gaan en dan naar reference. Daar staat alles

[chielsen]

Ok my bad. Thanks voor alle hulp. Topic can wat mij betreft dicht..

[gvdh81]

Of een oplossing die hier nog niet voorbij is gekomen.. De tabel de parameters border-left en border top geven, en de td's de parameters border-right en border-bottom geven.

[Verwijderd]

Let alleen op dat een border-top aan een td geven voor bijvoorbeeld een selected row niet meer gaat werken zoals je zou willen

[Verwijderd]

gvdh81 schreef op donderdag 23 maart 2006 @ 13:02:
Of een oplossing die hier nog niet voorbij is gekomen.. De tabel de parameters border-left en border top geven, en de td's de parameters border-right en border-bottom geven.

Deze had disjfa al gegeven, maar heeft hem verwijderd van z'n post.

[sjolmers]

mooie tutorial over de dikte van de randen:
http://movielibrary.lynda...MovieID=2869&chap_num=&s= (je moet wel quicktime hebben)