| Auteur | |
|---|---|
| faidit | # 16 Jan 2006 - 04:11:46 |
| 6 Posts |
Je voudrais un code pour tracer un trait de 1px de haut. ça marche avec Mozilla, mais pas avec IE... encore une fois ! (Apparait une ligne rouge toujours de même largeur.)
J'utilise ensuite : <div class="trait"></div> Quelle est la solution pour IE ? Merci |
| faidit | # 16 Jan 2006 - 04:32:10 |
| 6 Posts |
Ok, je viens de trouver la solution sur ce forum.pierreandre a écrit : Merci PierreAndré |
| papillon41 | # 16 Jan 2006 - 08:10:50 |
Lorem Ipsum 367 Posts |
Bonjour faidit, Ajoute "font-size: 0;" à ".ligne " (pour IE qui par défaut fait des div de "height: 20px;". Modifié par papillon41 (16 Jan 2006 - 08:11) Amicalement, ()Ï() : Le vulgum pecus |
| Laurent Denis | # 16 Jan 2006 - 08:20:35 |
| 7979 Posts |
Bonjour, IE ne fait pas des div par défaut de 20px : il fait des div ayant par défaut la hauteur correspondante à la valeur par défaut de line-height en fonction de la taille de caractère choisie par l'utilisateur ou par l'auteur. Cela peut valoir 20px, 16px, ou autre. Il n'implémente pas correctement la propriété width : elle se comporte pour lui en quelque-sorte comme s'il s'agissait d'un min-width. La valeur width: 1px est ignorée si elle n'est pas suffisante pour "faire tenir" en hauteur la hauteur de ligne de la taille de caractère par défaut. De 1px, elle est alors agrandie à 16px+quelque-chose si la taille de caractère par défaut est de 16px et si le line-height est à sa valeur par défaut normal qui vaut environ 1.2em. Modifié par Laurent Denis (16 Jan 2006 - 08:27) Ne parlons pas de choses nouvelles. Commencez par ne pas détourner CSS de son objet, ce que vous faites immanquablement avec des techniques sexy qu'on enseigne ici. |
| Laurent Denis | # 16 Jan 2006 - 08:24:22 |
| 7979 Posts |
faidit a écrit : Attention à la confusion "pixel" - "point". Le point (pt) est une unité concrètement réservée au media print. Modifié par Laurent Denis (16 Jan 2006 - 08:24) Ne parlons pas de choses nouvelles. Commencez par ne pas détourner CSS de son objet, ce que vous faites immanquablement avec des techniques sexy qu'on enseigne ici. |
| Raphael | # 16 Jan 2006 - 12:31:56 |
twitter.com/goetter Administrateur 12017 Posts |
Au fait, pourquoi ne pas employer tout simplement une bordure de 1px appliquée à ton bloc ?.bloc {Le livre qui va vous permettre d'aller (vraiment) plus loin avec CSS : "CSS avancées - vers HTML5 et CSS3" |
| newto0 | # 16 Jan 2006 - 12:36:38 |
| 18 Posts |
Et <hr> ???? Tout Simplement |
| papillon41 | # 16 Jan 2006 - 12:56:53 |
Lorem Ipsum 367 Posts |
Laurent Denis apporte toujours la précision qui fait mouche ! Pour newto0 : <hr /> possede des "padding... margin...". Modifié par papillon41 (16 Jan 2006 - 13:16) Amicalement, ()Ï() : Le vulgum pecus |