<hr> et CSS: Epaisseur: size, border ou height :/ ?

03 oct. 2005, 14:30

Bonjour

!

Je voudrais définir le style de la balise <hr> par défaut:

Donc au lieu de metre dans mes pages

<hr size="3" color="#FF00FF">

j'ai mis:

[/color]
[code]hr { size:3px; color:#FF00FF; }[/code][color=orange]

[/color]

et dans ma page:

<hr>

Mais j'ai vue sur des forums certains conseiller à la place de size:*px; :
border:*px; ou height:*px;
Qu'est-ce qui changerais et qu'est-ce qui serait le plus compatible et
universel

?

Merci d'avance

!

03 oct. 2005, 15:25

http://www.pompage.net : lis toutes les pages et tu auras la réponse à toutes tes questions

03 oct. 2005, 15:36

Bonjour,

Ceci s'explique par le fait que Firefox ne réagit pas au style "size" et donc tu te retrouves avec un <hr> qui est beaucoup plus large que tu ne le désires.

height ou border devraient donc régler le problème.

03 oct. 2005, 15:46

Plutôt height, d'ailleurs, car border te permet de l'encadrer, et tu peux jouer sur les différentes bordures pour créer un effet de relief

03 oct. 2005, 15:59

Merci chère mere-teresa, mais je viens de trouver un lien y répondant mieu:
http://www.nanoum.net/blog/4_apparence_hr.html

!

Il semblerait effectivement que size ne convienne pas en css et que la meilleur
solution multinavigateur serait:

Code : Tout sélectionner

hr { color:#FF00FF; background-color:#FF00FF; height:3px; border:0; }

Tu avais raison Xenon_54, height + border resolvent bien le problème de
compatibilité

!

Merci tout le monde =D> !

03 oct. 2005, 16:04

Encore mieux que 3px, essaie avec 0.5 em (la taille dépendra de la taille du texte)

===> essaie en faisant Afficher le texte plus gros

03 oct. 2005, 16:06

Ah! Merci bien je vais essayer çà

!

0.20em convient mieux à 3px en fait

!

03 oct. 2005, 16:31

Si tu désires avoir une bordure d'1px peu importe la taille du texte, vaut mieux utiliser px. Les bordures de tableaux ne sont pas sensibles à la taille du texte et heureusement puisqu'elles sont en pixel.

03 oct. 2005, 16:33

Merci à toi Xenon_54. Je le note

!

03 oct. 2005, 17:29

Si tu désires avoir une bordure d'1px peu importe la taille du texte, vaut mieux utiliser px. Les bordures de tableaux ne sont pas sensibles à la taille du texte et heureusement puisqu'elles sont en pixel.

Ah je le note aussi. Donc les bordures en tant que "border" c'est toujours le cas ou juste pour les tableaux et hr ?

03 oct. 2005, 17:30

Heu, j'ai pas tout saisi...

Les bordures en tant que "border"?
Traduction: Les bordures en tant que bordure?

03 oct. 2005, 17:33

Heu les bordures border en CSS autour d'un élément ou la grille d'un tableau (bordures des cases ?)

03 oct. 2005, 18:05

Ha d'accord! Les bordures quoi.

Tout ce qui doit resté fixe doit être en pixel:
- Bordure de tableau
- HR
- Bordure de listes pour menu

Bref, toutes les bordures.

<hr> et CSS: Epaisseur: size, border ou height :/ ?

Qui est en ligne