A voir également:
- Menu CSS avec IE
- Menu déroulant excel - Guide
- Canon quick menu - Télécharger - Utilitaires
- Ie tab - Télécharger - Outils pour navigateurs
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
4 réponses
Bonjour,
je pense qu'il faudrait que tu sois plus précis :
- Qu'est-ce-qui ne marche pas exactement ?
Donne ton code ou au moins la portion concernée.
Fab.
je pense qu'il faudrait que tu sois plus précis :
- Qu'est-ce-qui ne marche pas exactement ?
Donne ton code ou au moins la portion concernée.
Fab.
Et bien voilà:
La liste reste verticale et les éléments en sous liste qui doivent apparaitre en roll-over ne s'affichent pas.
Voici le code CSS concerné:
#principal {
background:#E0FCC8;
width:794px;
height:30px;
position:absolute;
top:113px;
left:197px;
}
#principal li {
list-style-type:none;
float:left;
width:150;
border-style:dashed;
border-width:1px;
}
#principal li a:link, #principal a:visited{
display:block;
background:#ECFCC8;
margin:0;
padding:5px 6px;
text-decoration:none;
color:black;
height:1%;
}
#principal li a:hover{
background:#A5F95B;
}
#principal .secondaire{
display:none;
list-style-type:none;
margin:0;
padding:0;
border:0;
}
#principal .secondaire li{
float:none;
border:0;
}
#principal .secondaire li a:link,#prinipal .secondaire li a:visited {
display:block;
text-decoration:none;
}
#principal .secondaire li a:hover{
background-color:#A5F95B;
}
#principal li:hover > .secondaire {
display:block;
}
qui s'applique à :
<td height="37" colspan="4" valign="top"><ul id="principal">
<li><a href="#"><img src="images/boutons/general.gif" width="122" height="37"></a>
<ul class="secondaire">
<li>Accueil</li>
<li>Questionnaire</li>
<li>Mail</li>
</ul></li>
<li><a href="#"><img src="images/boutons/electromenager.gif" width="122" height="37"></a>
<ul class="secondaire">
<li>Cafetière</li>
<li>Crêpière</li>
<li>Fer à repasser</li>
<li>Machine à pain</li>
</ul></li>
<li><a href="#"><img src="images/boutons/electronique.gif" width="122" height="37"></a>
<ul class="secondaire">
<li>Cadre numérique</li>
<li>Cadre réveil</li>
<li>Montre</li>
<li>Radio-réveil</li>
</ul>
</li>
<li><a href="#"><img src="images/boutons/vetements.gif" width="122" height="37"></a>
<ul class="secondaire">
<li>Jogging</li>
<li>Manteau</li>
</ul>
</li>
<li><a href="#"><img src="images/boutons/autres.gif" width="122" height="37"></a>
<ul class="secondaire">
<li>Fontaine</li>
<li>Parapluie</li>
<li>Sac à dos</li>
</ul>
</li>
</ul></td>
<td> </td>
</tr>
La liste reste verticale et les éléments en sous liste qui doivent apparaitre en roll-over ne s'affichent pas.
Voici le code CSS concerné:
#principal {
background:#E0FCC8;
width:794px;
height:30px;
position:absolute;
top:113px;
left:197px;
}
#principal li {
list-style-type:none;
float:left;
width:150;
border-style:dashed;
border-width:1px;
}
#principal li a:link, #principal a:visited{
display:block;
background:#ECFCC8;
margin:0;
padding:5px 6px;
text-decoration:none;
color:black;
height:1%;
}
#principal li a:hover{
background:#A5F95B;
}
#principal .secondaire{
display:none;
list-style-type:none;
margin:0;
padding:0;
border:0;
}
#principal .secondaire li{
float:none;
border:0;
}
#principal .secondaire li a:link,#prinipal .secondaire li a:visited {
display:block;
text-decoration:none;
}
#principal .secondaire li a:hover{
background-color:#A5F95B;
}
#principal li:hover > .secondaire {
display:block;
}
qui s'applique à :
<td height="37" colspan="4" valign="top"><ul id="principal">
<li><a href="#"><img src="images/boutons/general.gif" width="122" height="37"></a>
<ul class="secondaire">
<li>Accueil</li>
<li>Questionnaire</li>
<li>Mail</li>
</ul></li>
<li><a href="#"><img src="images/boutons/electromenager.gif" width="122" height="37"></a>
<ul class="secondaire">
<li>Cafetière</li>
<li>Crêpière</li>
<li>Fer à repasser</li>
<li>Machine à pain</li>
</ul></li>
<li><a href="#"><img src="images/boutons/electronique.gif" width="122" height="37"></a>
<ul class="secondaire">
<li>Cadre numérique</li>
<li>Cadre réveil</li>
<li>Montre</li>
<li>Radio-réveil</li>
</ul>
</li>
<li><a href="#"><img src="images/boutons/vetements.gif" width="122" height="37"></a>
<ul class="secondaire">
<li>Jogging</li>
<li>Manteau</li>
</ul>
</li>
<li><a href="#"><img src="images/boutons/autres.gif" width="122" height="37"></a>
<ul class="secondaire">
<li>Fontaine</li>
<li>Parapluie</li>
<li>Sac à dos</li>
</ul>
</li>
</ul></td>
<td> </td>
</tr>
Bonjour,
Je rencontre le même problème alors que cela fonctionne sur un autre site sur lequel j'ai appliqué le même code !!
As tu trouvé la solution ? J'ai comme l'impression que cela vient du serveur (hébergeur différent pour les deux sites) mais cela me semble quand même étonnant.
Merci de ton aide.
Je rencontre le même problème alors que cela fonctionne sur un autre site sur lequel j'ai appliqué le même code !!
As tu trouvé la solution ? J'ai comme l'impression que cela vient du serveur (hébergeur différent pour les deux sites) mais cela me semble quand même étonnant.
Merci de ton aide.
