| Re: Morpho 3.1 et menu dynamique multiblue |
Titre du sujet : Re: Morpho 3.1 et menu dynamique multiblue
par Franck0768 sur 19/04/2010 00:38:02
Bonsoir,
J'ai attaqué le premier niveau de mon menu.
J'ai un problème avec les marges internes du span. En effet, je n'arrive pas à refermer la boîte avec l'image three_0a.gif qui comporte la petite flèche blanche vers le bas.
Les liens sont de ce type:
<li class="topmb"><a href="<{xoAppUrl modules/mylinks/}>" class="topmb_link"><span class="down">Liens Web</span></a></li>
Le globalnav.css qui correspond est le suivant:
#nav {
padding:0;
margin:0;
list-style:none;
height:35px;
background: url(../img/multiblue/three_0.gif);
z-index:500;
font-family:arial, verdana, sans-serif;}
#nav li.topmb {
display:block;
float:left;}
#nav li a.topmb_link {
display:block;
float:left;
height:35px;
line-height:33px;
color:#fff;
text-decoration:none;
font-size:13px;
font-weight:bold;
padding:0 0 0 12px;
cursor:pointer;
background: url(../img/multiblue/three_0.gif);}
#nav li a.topmb_link span {
display:block;
float:left;
height:35px;
/*padding:0 24px 0 12px;
background: url(../img/multiblue/three_0.gif) right top no-repeat;*/}
#nav li a.topmb_link span.down {
display:block;
float:left;
height:35px;
/*padding:0 24px 0 0px;
background: url(../img/multiblue/three_0a.gif) no-repeat right top;*/}
#nav li:hover a.topmb_link {
color:#ff0;
background: url(../img/multiblue/three_1.gif) no-repeat;}
Dès que j'essaye de paramétrer les marges internes j'ai un décalage en hauteur vers la fin du menu.
Un coup de main des pro du css serait le bien venu. Pour voir le résultat regarder le post https://www.frxoops.org/modules/newbb/ ... id=197498#forumpost197498
Merci.
Franck
|
|
