Forum d'entraide PHPFrance

Bonjour
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&eacute;rences -->
            </ul>
      </li>
      <!-- fin des listings de formation -->
      <li><a href="#">menu 3</a></li>
      <li><a href="#">menu 4</a></li>
    </ul>

Les propriétés list-style-image et list-style-type doivent s'appliquer à l'élément ul (dans ton cas, le sélecteur #menu_gauche), et non à l'élément a.

Forum d'entraide PHPFrance

probleme de positionnement d'une liste

probleme de positionnement d'une liste