Bonjour,
j'ai vu les exemples de menu sur le site qui sont vraiment fluide et propre,
je cherche à réaliser un menu vertical hyper simple avec un seul niveau de sous menu basé sur un des exemples cités plus haut voici mon code :
je cherche a mettre un cadre au passage de la souris sur le titre du menu et cela fonctionne mais avec IE le menu bouge...
J'essaye de jouer avec border et padding mais je ne trouve pas la solution!
quelqu'un peut-il m'aider un peu?
MERCI!!!
Modifié par seb nantes (04 Jul 2006 - 12:48)
j'ai vu les exemples de menu sur le site qui sont vraiment fluide et propre,
je cherche à réaliser un menu vertical hyper simple avec un seul niveau de sous menu basé sur un des exemples cités plus haut voici mon code :
<head>
<title>Menu</title>
<META HTTP-EQUIV="Content-Style-Type" content="text/html; charset=iso-8859-1">
<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">
.toto1 { padding:0px; border:1px solid #000000; }
.toto2 { padding:1px; border:none; }
</style>
</head>
<body>
<dl style="margin:0;" >
<dt onclick="javascript:montre('smenu1');" onmouseover="this.className='toto1'" onmouseout="this.className='toto2'">Menu</dt>
<dd id="smenu1" style="margin:0">
<a href="#">Sous-Menu 1</a><br>
<a href="#">Sous-Menu 2</a><br>
<a href="#">Sous-Menu 3</a><br>
</dd>
</dl>
</body>
</html>
je cherche a mettre un cadre au passage de la souris sur le titre du menu et cela fonctionne mais avec IE le menu bouge...
J'essaye de jouer avec border et padding mais je ne trouve pas la solution!
quelqu'un peut-il m'aider un peu?
MERCI!!!
Modifié par seb nantes (04 Jul 2006 - 12:48)