Menu deroulant incompatible IE si taille du texte petite |
|
| Voir le sujet précédent :: Voir le sujet suivant |
| Auteur |
Message |
laloote
frontpage mioche
|
 Menu deroulant incompatible IE si taille du texte petite , Posté le: 22-02-2005 11:08 |
|
|
Bonjour à tous 
Voila j'ai un problème avec mon menu deroulant. J'essaye de baisse la taille des sous menu pour que les titres tiennent sur une seule ligne , mais voila le probleme c'est que quand je fais ça, avec mozilla pas de probleme, par contre Internet explorer ferme les sous menu des que je passe le curseur de la souris dessus. Résultat je ne peux pas cliquer sur les sous menus.
Par contre si je veux augmenter la taille du texte , pas de problème ^^
Enfin voila si vous savez d'ou ça peut venir ça m'aiderai grandement
Voilà mon code :
| Code: |
<script type="text/javascript">
<!--
window.onload=montre;
function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=10; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}
//-->
</script>
<style type="text/css">
body {
margin: 0;
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
text-align: center;
}
#global {
margin-left: auto;
margin-right: auto;
width:800px;
text-align: left;
position: relative;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%;
}
#menu dl {
float: left;
width: 112px;
margin: 0 1px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: url(../images/wood01.jpg);
border: 1px solid gray;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover , #menu li a:focus,#menu dt a:focus{
background: url(../images/woodhtrh.gif);
}
#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}
</style>
<?php
$connexion=mysql_connect("localhost","root","");
$db=mysql_select_db("monsite",$connexion);
session_start();
$_SESSION ["nomPage"] = $page;
$_SESSION ["nomSection"] = $section;
?>
</head>
<body>
<img src="../images/imagehaut.jpg" width="800" height="100" alt="haut de page">
<div id="global">
<div id="menu">
<dl>
<dt onMouseOver="javascript:montre();"><a href="index.php" title="Retour à l'accueil">Accueil</a></dt>
</dl>
<dl>
<dt onMouseOver="javascript:montre('smenu1');">Notre m&tier </dt>
<dd id="smenu1" onMouseOver="javascript:montre('smenu1');" onMouseOut="javascript:montre('');">
<ul>
<li><a href="histoire.php">Histoire du piano</a></li>
<li><a href="#">Facteur de piano</a> </li>
<li><a href="#">Mecanisme</a></li>
<li><a href="#">Revue de presse</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onMouseOver="javascript:montre('smenu3');">Nos Services</dt>
<dd id="smenu3" onMouseOver="javascript:montre('smenu3');" onMouseOut="javascript:montre('');">
<ul>
<li><a href="#">Service Concert</a></li>
<li><a href="#">Service Accord</a></li>
<li><a href="#">Restauration</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onMouseOver="javascript:montre('smenu2');">Magasin</dt>
<dd id="smenu2" onMouseOver="javascript:montre('smenu2');" onMouseOut="javascript:montre('');">
<ul>
<li><a href="#">Pianos à queue</a></li>
<li><a href="#">Piano droit</a></li>
<li><a href="#">Piano mécanique</a></li>
<li><a href="#">Clavinova</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onMouseOver="javascript:montre('smenu4');">Devis</dt>
<dd id="smenu4" onMouseOver="javascript:montre('smenu4');" onMouseOut="javascript:montre('');">
<ul>
<li><a href="#">Location</a></li>
<li><a href="#">Accord</a></li>
<li><a href="#">Restauration</a></li>
<li><a href="#">Renseignements</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onMouseOver="javascript:montre('smenu5');">Contact</dt>
<dd id="smenu5" onMouseOver="javascript:montre('smenu5');" onMouseOut="javascript:montre('');">
<ul>
<li><a href="#">Nous contacter</a></li>
<li><a href="#">Liens</a></li>
</ul>
</dd>
</dl>
<dl>
<dt onMouseOver="javascript:montre('smenu6');"><a href="#">Forum</a></dt>
</dl>
</div>
</div> |
[/code] |
|
|
Lexgotham
frontpage mioche
|
| Menu deroulant incompatible IE si taille du texte petite , Posté le: 27-02-2005 0:19 |
|
|
Viens par ici car je suis parti de ton script pour créer mon menu. On pourra voir ça ensemble!
http://forum.salemioche.net/sutra7868.php#7868 |
|
|
|
  |
Accueil Forum
-> css |
Toutes les heures sont au format GMT + 1 Heure
|
| Page 1 sur 1 |
|
 S'enregistrer
 Profil
 Se connecter pour vérifier ses messages privés
 Rechercher
 Membres
 FAQ
 Connexion
|
