Probleme d'espace dans sous menus sur IE
Krys
-
Jesuispasûr Messages postés 38 Statut Membre -
Jesuispasûr Messages postés 38 Statut Membre -
Bonjour,
J'ai un probleme avec un sous menu qui contient des images car il y a des espaces entre mes images sous IE et il met donc impossible de cliquer sur les liens de mes dernieres images du sous menus.
Voici le code css :
body{
margin: 0;
padding: 0;
}
#menuDeroulant{
width : 850px !important;
width:850px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
}
#menuDeroulant li{
float: right;
width: 112px;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu{
display:none;
list-style-type: none;
margin: 0;
padding: 0px;
border: 0;
}
#menuDeroulant .sousMenu li{
float: none;
margin: 0;
padding: 0px;
border: 0;
width:112px;
}
#menuDeroulant li:hover > .sousMenu {
display: block;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited{
display: block;
height: 1%;
margin: 0;
padding: 0;
text-decoration: none;
}
#menuDeroulant .sousMenu li a:link,#menuDeroulant .sousMenu li a:visited{
display: block;
margin: 0;
border: 0;
text-decoration: none;
}
Voici le code de ma page html :
<ul id="menuDeroulant">
<li><a href=".." onMouseOver="MM_swapImage('Syndic','','images/syndic_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main">
<img border="0" src="images/syndic_menu.gif" width="114" height="20" hspace="0" name="Syndic"></a>
<ul class="sousMenu">
<li><a href=".." onMouseOver="MM_swapImage('FonctionnementS','','images/fonctionnements_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main"><img border="0" src="images/fonctionnements_menu.gif" width="114" height="20" hspace="0" name="FonctionnementS">
</a>
</li>
<li>
<a href=".." onMouseOver="MM_swapImage('Proposition','','images/proposition_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main">
<img border="0" src="images/proposition_menu.gif" width="114" height="20" hspace="0" name="Proposition">
</a>
</li>
<li>
<a href=".." onMouseOver="MM_swapImage('EspaceS','','images/espaceclients_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main">
<img border="0" src="images/espaceclients_menu.gif" width="114" height="20" hspace="0" name="EspaceS">
</a></li>
</ul>
</li>
</ul>
Il faut savoir que ce code fonctionne tres bien sur Firefox.
Merci d'avance pour votre aide.
J'ai un probleme avec un sous menu qui contient des images car il y a des espaces entre mes images sous IE et il met donc impossible de cliquer sur les liens de mes dernieres images du sous menus.
Voici le code css :
body{
margin: 0;
padding: 0;
}
#menuDeroulant{
width : 850px !important;
width:850px;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
position: absolute;
}
#menuDeroulant li{
float: right;
width: 112px;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu{
display:none;
list-style-type: none;
margin: 0;
padding: 0px;
border: 0;
}
#menuDeroulant .sousMenu li{
float: none;
margin: 0;
padding: 0px;
border: 0;
width:112px;
}
#menuDeroulant li:hover > .sousMenu {
display: block;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited{
display: block;
height: 1%;
margin: 0;
padding: 0;
text-decoration: none;
}
#menuDeroulant .sousMenu li a:link,#menuDeroulant .sousMenu li a:visited{
display: block;
margin: 0;
border: 0;
text-decoration: none;
}
Voici le code de ma page html :
<ul id="menuDeroulant">
<li><a href=".." onMouseOver="MM_swapImage('Syndic','','images/syndic_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main">
<img border="0" src="images/syndic_menu.gif" width="114" height="20" hspace="0" name="Syndic"></a>
<ul class="sousMenu">
<li><a href=".." onMouseOver="MM_swapImage('FonctionnementS','','images/fonctionnements_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main"><img border="0" src="images/fonctionnements_menu.gif" width="114" height="20" hspace="0" name="FonctionnementS">
</a>
</li>
<li>
<a href=".." onMouseOver="MM_swapImage('Proposition','','images/proposition_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main">
<img border="0" src="images/proposition_menu.gif" width="114" height="20" hspace="0" name="Proposition">
</a>
</li>
<li>
<a href=".." onMouseOver="MM_swapImage('EspaceS','','images/espaceclients_menu_act.gif',1)" onMouseOut="MM_swapImgRestore()" target="main">
<img border="0" src="images/espaceclients_menu.gif" width="114" height="20" hspace="0" name="EspaceS">
</a></li>
</ul>
</li>
</ul>
Il faut savoir que ce code fonctionne tres bien sur Firefox.
Merci d'avance pour votre aide.
A voir également:
- Probleme d'espace dans sous menus sur IE
- Espace insécable - Guide
- Espace de stockage gmail plein - Guide
- Espace stockage google - Guide
- Ie tab - Télécharger - Outils pour navigateurs
- Liberer espace ipad - Guide