28173 sujets

CSS et mise en forme, CSS3

[Résolu] Menu

Bonjour,

Mon menu sous firefox ne s'affiche pas comme je voudrais, sous IE pas de problème, c'est comme celà je veux.

Je me suis sans doute mal pris ?


Merci

a écrit :
<div id="head3">
<div id="menu1">
<span id="fond2">Le Site</span><br />
<a class="fond1" href="#">test</a><br />
<a class="fond1" href="#">test</a><br />
<a class="fond1" href="#">test</a><br />
<span id="fond3">Divertissement</span><br />
<a class="fond4" href="#">test</a><br />
<a class="fond4" href="#">test</a><br />
<a class="fond4" href="#">test</a><br />
<span id="fond5">Services</span><br />
<a class="fond6" href="#">test</a><br />
<a class="fond6" href="#">test</a><br />
<a class="fond6" href="#" onClick="window.open('http://ctqui.php' );return false;">test</a><br />
</div>
</div>


a écrit :
.fond1 { background: url(images/25.gif); color: #FFCC00; width : 170px; height: 10px;}
#fond2 { background: url(images/17.jpg); width : 170px; height: 27px;}
#fond3 { background: url(images/18.jpg); width : 170px; height: 27px;}
.fond4 { background: url(images/26.gif); color: #66CC99; width : 170px; height: 10px;}
#fond5 { background: url(images/19.jpg); width : 170px; height: 27px;}
.fond6 { background: url(images/27.gif); color: #666666; width : 170px; height: 10px;}

Modifié par kouiny (18 Nov 2006 - 11:16)
Bonjour,

Je n'ai pas pris la peine de copier ta prog et vérifier sur les 2 navigareurs, mais à mon avis, tu devrais essayer de mettre des paragraphes au lieu des span quand ils sont seuls et en ajouter aussi à tes liens seuls aussi.
Le résultat principal serait surtout de raccoucir ta ligne d'affichage en supprimant tous tes <br />.
Essaye de simplifier ton code, évite de mettre un background sur la balise <A>.


<div class="menu1">menu</div>
<div class="s_menu1">
<a href="#">sous menu</a><br />
<a href="#">sous menu</a><br />
<a href="#">sous menu</a><br />
</div>


pour la css

<style type="text/css">
.menu1 {
background-image:url(menu1.jpg)
}
.s_menu1 {
background-image:url(s_menu1.jpg)
}
</style>
Salut,
il me semble que tu souhaites placer un fond sur une balise a qui est une balise de type inline et non bloc par défaut.... Il te faut passer tes liens en display bloc pour qu'il soit possible de faire interprêter tes indication de longueur et hauteur. Smiley cligne

/Edit/
Ah... trop tard pour moi Smiley lol
Modifié par cktoon (29 Aug 2006 - 18:41)
Sujet clos
Aller à