28173 sujets

CSS et mise en forme, CSS3

Hr et css [résolu]

Il semble qu'il y ait un petit soucis dans la mise en page (décorative) de <hr />


#menu hr{
	text-align:center;
	width:100px;
	height:66px;
	background:#000 url(img/fleurs.jpg);
	color:#000;
}

Celà fonctionne parfaitement sous Firefox et sous Opera, mais pas sous IE6 ...
pourquoi IE6 bloque sur une personnalisation aussi basique ?
Merci
Modifié par Gunner4902 (13 Mar 2007 - 23:38)
Pas tout à fait ... j'ai essayé ce que préconise la FAQ d'alsa, mais celà décale tout le contenu sur Firefox (je n'ai pas regardé le résultat sur IE, puisqu'il ne me convient pas sur Fx)

Il faut toutefois préciser que mon image fait 66px de haut ...
Euh...66px de haut pour un <hr >. ??? Smiley eek Quel est le but ?

C'est plus vraiment une barre horizontale mais un rectangle , a ce moment tu peux aussi bien mettre un Div id="spacer" et tu définis tes dimensions....

EDIT tardif : même si c'est pas genial de coller des Div de partout , car comme le dit raphael, trop de Div tue le Div !!! Smiley langue
Modifié par RoseGrenouille (13 Mar 2007 - 18:19)
Et Hop , une autre idée !



<div id="menuprincipal">
tes liens
</div>
<hr/>
<div id="menusecondaire">
tes liens
</div>

#menusecondaire {
padding-top:66px;
background: url ("monimagedefleurs.png") black top center no-repeat
}

hr{visibility:hidden}



Bon ca ne résoud pas ta question mais ça me parait peut être mieux comme ca car c'est un effet graphique que tu veux donner à mon sens plutôt qu'une valeur de semantique
Visuellement c'est quasi identique et ça laisse les <hr /> quand la feuille de style est désactivée ... l'idée me plait Smiley cligne

Merci la Grenouille Smiley biggrin
Sujet clos
Aller à