Border collapse

Résolu
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   -  
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   -
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 682 Date d'inscription   Statut Membre Dernière intervention   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 271 Date d'inscription   Statut Membre Dernière intervention   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 682 Date d'inscription   Statut Membre Dernière intervention   185
 
Sinon, peut-être que ceci pourrait t'intéresser ... http://quirksmode.org/css/css2/display.html#table
0
moicjm Messages postés 271 Date d'inscription   Statut Membre Dernière intervention   18
 
interessant. Ludique aussi! merci
0