par
Invité » 21 janv. 2008, 12:02
mon site tourne bien sur ie 6 & 7 + ff (je crois...).
Il s'agit en fait d'un menu horizontal qui apparait vertical sous le nav orange.
Voici le html:
<ul id="mainlevel_menuHautItems">
<li><a href="#" class="mainlevel_menuHautItems" id="active_menu_menuHautItems">Accueil</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Amofib</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Master Professionnel</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Master Recherche</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Partenaires</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Publications</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Contact</a></li>
</ul>
et le css:
table.moduletable_menuHaut ul
{
list-style: none;
}
#mainlevel_menuHautItems li
{
float: left;
}
a.mainlevel_menuHautItems
{
font-family: Arial, Verdana, sans-serif;
color: #ffffff;
text-decoration: none;
height: 29px;
line-height: 29px;
display: block;
font-size: 11px;
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
}
a:hover.mainlevel_menuHautItems
{
color: #f9be5b;
text-decoration: none;
background-image: url(../images/bgmenu_over.gif);
background-repeat: repeat-x;
height: 29px;
line-height: 29px;
display: block;
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
}
mon site tourne bien sur ie 6 & 7 + ff (je crois...).
Il s'agit en fait d'un menu horizontal qui apparait vertical sous le nav orange.
Voici le html:
[php]
<ul id="mainlevel_menuHautItems">
<li><a href="#" class="mainlevel_menuHautItems" id="active_menu_menuHautItems">Accueil</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Amofib</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Master Professionnel</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Master Recherche</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Partenaires</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Publications</a></li>
<li><a href="#" class="mainlevel_menuHautItems" >Contact</a></li>
</ul>
[/php]
et le css:
[php]
table.moduletable_menuHaut ul
{
list-style: none;
}
#mainlevel_menuHautItems li
{
float: left;
}
a.mainlevel_menuHautItems
{
font-family: Arial, Verdana, sans-serif;
color: #ffffff;
text-decoration: none;
height: 29px;
line-height: 29px;
display: block;
font-size: 11px;
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
}
a:hover.mainlevel_menuHautItems
{
color: #f9be5b;
text-decoration: none;
background-image: url(../images/bgmenu_over.gif);
background-repeat: repeat-x;
height: 29px;
line-height: 29px;
display: block;
margin-left: 5px;
padding-left: 5px;
padding-right: 5px;
}
[/php]