Tout est dans le titre j'ai des bugs sur le positionnement de ma liste, les puces sont apres les textes, et les sous menus sont trop décalés par rapport au menu
bref je n'ai pas le resultat souhaite
voici le code si qqun a une idée
merci
nadege
Code : Tout sélectionner
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url();
background-color: #FF9900;
}
#menu_gauche a{
list-style-image: url(img/carre_blanc.gif);
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #FFFFFF;
text-decoration: none;
text-align: left;
list-style-type: none;
line-height: 20px;
margin-left:-30px;
}
-->
</style>
<script type="text/javascript">
<!--
window.onload=show;
function show(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>
</head>
<body>
<ul class="liste-menu">
<li> <a href="#">menu 1</a></li>
<li><a href="#">menu 2</a>
<ul id="menu_gauche">
<li onclick="javascript:show('smenu1');"><a href="#">1</a>
<ul id="smenu1">
<li ><a href='#'>1.1</a></li>
<li ><a href='#'>1.2</a></li>
<li ><a href='#'>1.3</a></li>
<li ><a href='#'>1.4</a></li>
</ul>
</li>
<!-- fin de stratgie -->
<li onclick="javascript:show('smenu2');"><a href="#">2</a>
<ul id="smenu2">
<li><a href='#'>2.1</a></li>
<li><a href='#'>2.2</a></li>
<li><a href='#'>2.3</a></li>
</ul>
</li>
<!-- fin de management -->
<li onclick="javascript:show('smenu3');"><a href="#">3</a>
<ul id="smenu3">
<li><a href='#'>3.1</a></li>
</ul>
</li>
<!-- fin de conférences -->
</ul>
</li>
<!-- fin des listings de formation -->
<li><a href="#">menu 3</a></li>
<li><a href="#">menu 4</a></li>
</ul>