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

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : <hr> et CSS: Epaisseur: size, border ou height :/ ?

par Xenon_54 » 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.

par mere-teresa » 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 ?)

par Xenon_54 » 03 oct. 2005, 17:30

Heu, j'ai pas tout saisi...

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

par mere-teresa » 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 ?

par Lareine » 03 oct. 2005, 16:33

Merci à toi Xenon_54. Je le note :P !

par Xenon_54 » 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.

:)

par Lareine » 03 oct. 2005, 16:06

Ah! Merci bien je vais essayer çà :P !

0.20em convient mieux à 3px en fait :o !

par mere-teresa » 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

par Lareine » 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 :pouce: !

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> !

par mere-teresa » 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

par Xenon_54 » 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.

par mere-teresa » 03 oct. 2005, 15:25

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

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

par Lareine » 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 :-k ?

Merci d'avance :o !