Page 1 sur 1
<hr> et CSS: Epaisseur: size, border ou height :/ ?
Posté : 03 oct. 2005, 14:30
par Lareine
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
!
Posté : 03 oct. 2005, 15:25
par mere-teresa
http://www.pompage.net : lis toutes les pages et tu auras la réponse à toutes tes questions
Posté : 03 oct. 2005, 15:36
par Xenon_54
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.
Posté : 03 oct. 2005, 15:46
par mere-teresa
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
Posté : 03 oct. 2005, 15:59
par Lareine
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> !
Posté : 03 oct. 2005, 16:04
par mere-teresa
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
Posté : 03 oct. 2005, 16:06
par Lareine
Ah! Merci bien je vais essayer çà
!
0.20em convient mieux à
3px en fait
!
Posté : 03 oct. 2005, 16:31
par Xenon_54
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.
Posté : 03 oct. 2005, 16:33
par Lareine
Merci à toi
Xenon_54. Je le note
!
Posté : 03 oct. 2005, 17:29
par mere-teresa
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 ?
Posté : 03 oct. 2005, 17:30
par Xenon_54
Heu, j'ai pas tout saisi...
Les bordures en tant que "border"?
Traduction: Les bordures en tant que bordure?
Posté : 03 oct. 2005, 17:33
par mere-teresa
Heu les bordures border en CSS autour d'un élément ou la grille d'un tableau (bordures des cases ?)
Posté : 03 oct. 2005, 18:05
par Xenon_54
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.