Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1012 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Masquer le <hr /> ?

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

[CSS] Masquer le <hr /> ?

n°1296019
ANViL
yep...definitely ♫
Posté le 31-01-2006 à 23:20:21  profilanswer
 

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 ?

mood
Publicité
Posté le 31-01-2006 à 23:20:21  profilanswer
 

n°1296030
onizuka_se​nsei
Posté le 31-01-2006 à 23:42:51  profilanswer
 

C'est bizarre car le visibility:hidden est la solution pourtant... Enfin je fais toujours ça, et ça se voit pas :D

n°1296037
ANViL
yep...definitely ♫
Posté le 31-01-2006 à 23:57:20  profilanswer
 

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:

n°1296039
xtof_83
Freeride Spirit
Posté le 01-02-2006 à 00:00:43  profilanswer
 

C'est vrai que l'idée de ta manipulation est sympas...Mais pas trés sémantique :lol:...

n°1296277
gatsu35
Blablaté par Harko
Posté le 01-02-2006 à 12:24:17  profilanswer
 

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

n°1296764
ANViL
yep...definitely ♫
Posté le 01-02-2006 à 18:22:22  profilanswer
 

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

n°1296768
gatsu35
Blablaté par Harko
Posté le 01-02-2006 à 18:27:22  profilanswer
 

un div c'est une balise neutre

n°1296779
ANViL
yep...definitely ♫
Posté le 01-02-2006 à 18:34:48  profilanswer
 

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

n°1296879
skeye
Posté le 01-02-2006 à 19:56:50  profilanswer
 

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 -
n°1296914
ANViL
yep...definitely ♫
Posté le 01-02-2006 à 20:35:24  profilanswer
 

skeye a écrit :

margin:0;
 
:??:


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

mood
Publicité
Posté le 01-02-2006 à 20:35:24  profilanswer
 

n°1296917
skeye
Posté le 01-02-2006 à 20:39:34  profilanswer
 

mal lu, désolé.:o


---------------
Can't buy what I want because it's free -
n°1296919
Flyman30
Posté le 01-02-2006 à 20:41:57  profilanswer
 

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>

n°1297001
Pitsy
Posté le 01-02-2006 à 21:40:54  profilanswer
 

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.


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  [CSS] Masquer le <hr /> ?

 

Sujets relatifs
Document pour aide CSSDeux erreurs de placement CSS !!
[CSS print] 1 seule page s'imprime !Suis-je dans l'erreur à propos de CSS
[resolu] transmission de variables à un CSS via PHPBesoin d'infos sur les feuilles de style CSS
[CSS] afficher un div par dessus un autreSite optimisé en CSS
Besoin de conseil sur le CSSCSS - Afficher/masquer des "calques"
Plus de sujets relatifs à : [CSS] Masquer le <hr /> ?


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR