Discussion :

[Olivier Regnier]

Bonjour

Je rencontre actuellement un petit soucis avec la balise <hr />.

Voici une partie du code CSS:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
/* hr */
hr {
	border:none;
	border-bottom:1px dotted; 
	height:1px;
}

Sous Mozilla Firefox, pas de soucis, la ligne horizontale est bien présente, ce qui n'est pas le cas avec MSIE

Avez-vous quelques infos svp ?

Merci

[BnA]

Salut!

C'est parce que tu utilise mal la propriété "border-bottom" (qui est en fait un "raccourci" pour border-color, border-width et border-style). Lorsque tu utilise cette propriété, tu dois renseigner 3 paramètres (dans l'ordre: couleur épaisseur style). FF arrive à interpréter correctement cette propriété même si elle est incomplète, mais pas iE (on se demanderait pourquoi )!!

Si tu mets ceci:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
hr {
	border-bottom:black 1px dotted;	
	height:1px;
}

Ca fonctionne!

(Le border:none; que tu as mis est un peu inutile, mais tu peux le laisser si tu veux)

[Olivier Regnier]

Je viens de tester et c'est parfait. Je vais également supprimer le border:none, balise inutile et du code en moins.

Merci