Masquer le <hr /> ? [CSS] - HTML/CSS - Programmation
Marsh Posté le 31-01-2006 à 23:42:51
C'est bizarre car le visibility:hidden est la solution pourtant... Enfin je fais toujours ça, et ça se voit pas
Marsh Posté le 31-01-2006 à 23:57:20
Oui en fait petite rectification, dans mon cas le "visibility:hidden" masque bien la ligne du <hr />, mais l'espace entourant demeure, ce que je ne veux pas !
Le "display:none" était normalement la solution ad-hoc, seulement dans ce cas, IE ne tient même pas compte du <hr /> et tout l'affichage par en vrille....
Marsh Posté le 01-02-2006 à 00:00:43
C'est vrai que l'idée de ta manipulation est sympas...Mais pas trés sémantique ...
Marsh Posté le 01-02-2006 à 12:24:17
ben moi meme qui suit fervant casse couille du HTML propre, parfois faut obéir aux durs lois du bidouillage.
un div vide en visibility:hidden
<div id="sep"></div>
c'est moche c'est crade yen a qui vont pas aimer, mais tant pis
Marsh Posté le 01-02-2006 à 18:22:22
Ho
Allez les puristes, c'est le moment de sortir vos Jokers Qu'est ce qui serait sémantiquement correct d'utiliser pour effectuer un 'clear' et qui ne pose pas de problèmes d'affichage (étant donné que le <hr /> se comporte mal sous IE) ?
Marsh Posté le 01-02-2006 à 18:34:48
Oui mais justement, n'importe quel bon wedesigner te dira que les div, c'est à utiliser avec parcimonie et surtout dans les cas où l'utilisation de blocs neutre est utile, en temps normal, utiliser un maximum les balises plus spécifiques à l'utilisation voule.
Bon maintenant si un div est la seule solution, je n'en mourerai pas, mais j'aimerais avoir plusieurs avis
Marsh Posté le 01-02-2006 à 19:56:50
margin:0;
Marsh Posté le 01-02-2006 à 20:35:24
ReplyMarsh Posté le 01-02-2006 à 20:39:34
mal lu, désolé.
Marsh Posté le 01-02-2006 à 20:41:57
Je fait
Code :
|
et après <span class="separation"></span>
Marsh Posté le 01-02-2006 à 21:40:54
gatsu35 a écrit : ben moi meme qui suit fervant casse couille du HTML propre, parfois faut obéir aux durs lois du bidouillage. |
Je fais pareil avec les mêmes réflexions.
Marsh Posté le 31-01-2006 à 23:20:21
Bonsoir à tous,
Petit souci: comment masquer un <hr /> placé dans une page à des fins techniques ?
Explication:
Je me sers d'une balise <hr /> pour effectuer des "clear: both" sur les boites flottantes.
Donc du genre
.clear {
clear: both;
}
et dans le code de la page j'emploie:
...
<hr class="clear" />
...
Le gros problème c'est que, le rendu du <hr /> me pose problème sous IE & FF (Opera n'est pas touché) :
Sous IE la hauteur occupée par la balise est affreuse, sous FF c'est minime (2px).
Pour FF, si je rajoute "height: 0" à la classe clear, nickel, le <hr /> n'est plus visible.
Pour IE ça ne change rien
J'ai tenté un "visibility: hidden" ou même un "display: none"...sans succès
(Je précise que j'ai retiré au préalable tous les padding, margin et bordures de tous les éléments via la CSS )
Quelqu'un connait-il une solution ?