Border collapse

Résolu
moicjm Messages postés 276 Statut Membre -  
moicjm Messages postés 276 Statut Membre -
Bonjour,

J'ai fait un joli tableau en <ul> et <li> et non pas en <tr>/<td> qui sont mooooches!

Bon, la fonction border-collapse ne semble pas marcher. Est-ce normal avec <ul> et <li> ou bien, est ce un probleme chez moi...? Pourrez vous m'aider à le trouver dans ce cas...

merki
A voir également:
  • Border collapse
  • Border maker - Télécharger - Retouche d'image

2 réponses

Groarh Messages postés 706 Statut Membre 185
 
Salut !
Effectivement la fonction border-collapse ne marche pas avec les listes : elle n'est pas faite pour ça.
Conseil : pour être sûr que ton design sera le même sous tous les navigateurs, commence par mettre un
* { margin : 0; padding : 0 }
dans ton CSS, puis adapte les marges et paddings des autres éléments en fonction de tes besoins.

Consulte cette explication sur le modèle de boîte CSS si tu as du mal avec les marges et les paddings.

En faisant cela, les espaces déplaisants de ta liste disparaissent comme par magie ! ^^
2
moicjm Messages postés 276 Statut Membre 18
 
flute crotte... dommage. J'aurais bien aimé un tableau avec des lignes de 1px et non pas de 2px (puisque collapse ne marche pas.)

Avec un inset partout, ça limite un peu le rendu...


merci !


EDIT: suis je con, au lieu de border, j'vais fixer border-top et border-left et hop, ce sera bon comme ça! merci toi, merci moi
0
Groarh Messages postés 706 Statut Membre 185
 
Sinon, peut-être que ceci pourrait t'intéresser ... http://quirksmode.org/css/css2/display.html#table
0
moicjm Messages postés 276 Statut Membre 18
 
interessant. Ludique aussi! merci
0