probleme de positionnement d'une liste

par **Victor BRITO** » 03 févr. 2009, 20:18

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.

par **Nad21** » 03 févr. 2009, 19:21

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>

probleme de positionnement d'une liste

Répondre

Étendre la vue Revue du sujet : probleme de positionnement d'une liste

probleme de positionnement d'une liste