bonjour,
j'ai un problème avec mon menu et ça doit être la CSS.
J'ai 6 onglets dans mon menu. Quand la page est maximisé, y a aucun problème.Mais quand je minimise la page (restaurer), les onglets se superposesnt (3 onglets en haut et 3 en bas).
<li><ahref="creer_fiche.php"><b>C</b>réer une fiche</a></li> <li><ahref="#"><b>E</b>xport vers AD VITAM</a></li><!-- cette ligne doit disparitre dans 6 mois!--> <li><ahref="recherche_av.php"><b>R</b>echercher un document</a></li>
</ul> </dd> </dl>
<dl> <dtonmouseover="javascript:montre(\'smenu3\');"><ahref="#">Gestion de mes alertes</a></dt> </dl>
<dl> <dtonmouseover="javascript:montre(\'smenu5\');">Utilisateurs</dt> <ddid="smenu5"onmouseover="javascript:montre(\'smenu5\');"onmouseout="javascript:montre(\'\');"> <ul> <li><ahref="#"><b>L</b>iste des utilisateurs</a></li> <li><ahref="#"><b>C</b>réer un utilisateur</a></li> </ul> </dd> </dl>
<dl> <dtonmouseover="javascript:montre(\'smenu4\');">Statistiques</dt> <ddid="smenu4"onmouseover="javascript:montre(\'smenu4\');"onmouseout="javascript:montre(\'\');"> <ul> <li><ahref="#"><b>C</b>lassement par type de document</a></li> <li><ahref="#"><b>C</b>lassement par sous-type de document</a></li> <li><ahref="#"><b>C</b>lassement par activité</a></li> <li><ahref="#"><b>C</b>lassement par activité avec une répartition par sous-type de document</a></li> <li><ahref="#"><b>C</b>lassement par pays</a></li> </ul> </dd> </dl>
<dl> <dtonmouseover="javascript:montre(\'smenu2\');">Historique des actions</dt> <ddid="smenu2"onmouseover="javascript:montre(\'smenu2\');"onmouseout="javascript:montre(\'\');"> <ul> <li><ahref="#"><b>H</b>istorique des suppresions de formulaires</a></li> <li><ahref="#"><b>H</b>istorique des alertes</a></li> </ul> </dd> </dl>
<dl> <dtonmouseover="javascript:montre(\'smenu6\');">Administration du site</dt> <ddid="smenu6"onmouseover="javascript:montre(\'smenu6\');"onmouseout="javascript:montre(\'\');"> <ul> <li><ahref="#"><b>G</b>estion des menus déroulants</a></li> </ul> </dd> </dl>
</div>
et voici la CSS:
body { margin: 0; padding: 0; background: white; font: 80% verdana, arial, sans-serif; }
dl, dt, dd, li,ul { margin: 0; padding: 0; list-style-type: none; font-size: x-small; } #menu { position: absolute; top: 0; left: 10%; z-index:100; width: 100%; }
#menu dl { float: left; width: 12em; margin: 0 1px; }
#menu dt { font-size: small; cursor: pointer; text-align: center; font-weight: bold; background: #ccc; border: 1px solidgray; height: 40px; }
#menu dd { border: 1px solidgray; }
#menu li { text-align: center; background: #fff; }
#menu li a, #menu dt a { color: #000; text-decoration: none; display: block; height: 100%; border: 0none; font-size: small; }
#menu li span, #menu dt span{ font-size: small; }
#menu li a:hover, #menu dt a:hover /* Quand le visiteur pointe sur le lien */ { background: #eee; text-decoration: underline; /* Le lien deviendra souligné quand on pointera dessus */ color: green; /* Le lien sera écrit en vert quand on pointera dessus */ }
a { text-decoration: none; color:black; color: #222; }
quelqu'un peut m'aider?
onglets qui se superposent
× Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
× Attention, ce sujet est très ancien. Le déterrer n'est pas forcément approprié. Nous te conseillons de créer un nouveau sujet pour poser ta question.