[CSS] Masquer le <hr /> ?

Masquer le <hr /> ? [CSS] - HTML/CSS - Programmation

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
 

Citation :


.clear {
       clear: both;
}
 


 
et dans le code de la page j'emploie:
 

Citation :


 
...
<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  :pfff:  
 
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 ?

Reply

Marsh Posté le 31-01-2006 à 23:20:21   

Reply

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 :D

Reply

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.... :pfff:

Reply

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 :lol:...

Reply

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 :D

Reply

Marsh Posté le 01-02-2006 à 18:22:22    

Ho  :(  
 
Allez les puristes, c'est le moment de sortir vos Jokers  :bounce:  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) ?

Reply

Marsh Posté le 01-02-2006 à 18:27:22    

un div c'est une balise neutre

Reply

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  :)

Reply

Marsh Posté le 01-02-2006 à 19:56:50    

margin:0;
 
:??:

Message cité 1 fois
Message édité par skeye le 01-02-2006 à 19:56:57

---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 01-02-2006 à 20:35:24    

skeye a écrit :

margin:0;
 
:??:


 
J'ai dit que j'avais retiré tous les padding, margin etc.

Reply

Marsh Posté le 01-02-2006 à 20:35:24   

Reply

Marsh Posté le 01-02-2006 à 20:39:34    

mal lu, désolé.:o


---------------
Can't buy what I want because it's free -
Reply

Marsh Posté le 01-02-2006 à 20:41:57    

Je fait

Code :
  1. .separation
  2. {
  3. clear: both;
  4. visibility: hidden;
  5. line-height: 0px;
  6. margin: 0px;
  7. padding: 0px;
  8. display:block;/* pour obliger le retour a la ligne et 100% de largeur occupé */
  9. }


 
et après <span class="separation"></span>

Reply

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.
 
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 :D


 
Je fais pareil avec les mêmes réflexions.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed