Le DVD vidéo de Florent V. :

Elephorm apprendre XHTML et CSS
Auteur
faidit
# 16 Jan 2006 - 04:11:46
Citer
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.)


.trait
{
background-color: red;
height: 1pt;
width: 100%;
}


J'utilise ensuite :
<div class="trait"></div>


Quelle est la solution pour IE ?
Merci

^
faidit
# 16 Jan 2006 - 04:32:10
Citer
6 Posts
Ok, je viens de trouver la solution sur ce forum.




pierreandre a écrit :
Bonjour à tous,

Je ne sais pas si ça peut aider, ni où j'ai pris ça, mais ça marche avec Mozilla et IE 5.2.2 Mac
CSS
.ligne
{
background : transparent;
border-color : #000;
border-width : 0 0 1px;
border-style : solid;
}

xhtml
<div class="ligne">
</div>

Je n'ai pas d'exemple car je ne l'utilise pas en ce moment, sur une page accessible.
Amitiés, pierreandre


Merci PierreAndré

^
papillon41
# 16 Jan 2006 - 08:10:50
Citer
Lorem Ipsum
349 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

http://laribe.perso.wanadoo.fr/droits/ 
^
Laurent Denis
# 16 Jan 2006 - 08:20:35
Citer
7919 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)

Maintenant que les webmestres commencent à faire de l'accessibilité, nous pouvons commencer à les intéresser à la qualité Web.

http://www.blog-and-blues.org/ 
^
Laurent Denis
# 16 Jan 2006 - 08:24:22
Citer
7919 Posts
faidit a écrit :
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.)


.trait
{
background-color: red;
height: 1pt;


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)

Maintenant que les webmestres commencent à faire de l'accessibilité, nous pouvons commencer à les intéresser à la qualité Web.

http://www.blog-and-blues.org/ 
^
Raphael
# 16 Jan 2006 - 12:31:56
Citer
Mangez des kiwiz !
Administrateur
11080 Posts
Au fait, pourquoi ne pas employer tout simplement une bordure de 1px appliquée à ton bloc ?

.bloc {
border-top: 1px solid red;
}


Le saviez-vous ? Alsacréations propose dorénavant des formations web (XHTML/CSS, accessibilité, Flash, jQuery).

http://www.goetter.fr 
^
newto0
# 16 Jan 2006 - 12:36:38
Citer
17 Posts
Et <hr> ????

Tout Simplement

^
papillon41
# 16 Jan 2006 - 12:56:53
Citer
Lorem Ipsum
349 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

http://laribe.perso.wanadoo.fr/droits/ 
^
Powered by Phedio v3.8.5 beta in 34.9 ms © dew