Page 1 sur 1

Affichage du menu drop down

Posté : 05 avr. 2012, 07:32
par rimie
bonjour,

je fais un menu en style drop down, la liste des couleurs ne s'affiche pas juste au-dessous de l'icone des couleurs, je pense qu'un parametrage css manquant:
<head>
<style>
.showCouleur{
	position: absolute;
	display: none;
	/*padding-right: 15em;*/
	margin-top: 0px;
}

</style>

<script type="text/javascript" src="../jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){	 
	
	$('.dropdownCouleur').hover(function(){		
		$('.showCouleur').slideDown();
		},
		
		function(){
		$('.showCouleur').slideUp();
		
	});
  });
</script>
</head>
<body>

<ul>
<li style="display: inline">
<img src="bold.gif" style="cursor: pointer;" onclick="insertTag('[b]','[/b]','textarea');" class="tooltip" title = "Bold" />
</li>

<li style="display: inline">
<img src="color.gif" style="cursor: pointer;" class="tooltip dropdownCouleur" title = "Couleur" />

<ul class="showCouleur">
<li>list1</li>
<li>list1</li>
<li>list1</li>
<li>list1</li>
<li>list1</li>
</ul>
</li>

</ul> 
merci

Re: Affichage du menu drop down

Posté : 07 avr. 2012, 07:49
par rimie
est ce qu'il y a quelqu'un qui a une idee?

Re: Affichage du menu drop down

Posté : 13 avr. 2012, 18:35
par rimie
voila le print screen afin d'avoir une idee :)

http://imageshack.us/photo/my-images/9/ ... 936am.jpg/

Re: Affichage du menu drop down

Posté : 15 avr. 2012, 19:39
par Calimero
Hello,

Le problème ne vient pas directement du code que tu nous montres.

Comme le code que tu essaies d'insérer se compose de UL/LI (et que tu te situes dans un menu de wysiwyg qui utilise déjà ces mêmes balises et est sûrement déjà pas mal chargé en CSS), ta liste doit subir les règles CSS déjà existantes pour le menu (et réagit mal, apparemment).

Utilise firebug pour inspecter ta liste et voir toutes les propriétés CSS qui s'y appliquent pour savoir à quel niveau tu peux agir.

Re: Affichage du menu drop down

Posté : 18 avr. 2012, 05:42
par rimie
je vais le tester, merci