Affichage du menu drop down

Mammouth du PHP | 725 Messages

05 avr. 2012, 07:32

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

Mammouth du PHP | 725 Messages

07 avr. 2012, 07:49

est ce qu'il y a quelqu'un qui a une idee?

Mammouth du PHP | 725 Messages

13 avr. 2012, 18:35

voila le print screen afin d'avoir une idee :)

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

ViPHP
ViPHP | 2287 Messages

15 avr. 2012, 19:39

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.
if(!@work()){ Nespresso(); } else { what(); }
______________________________

Mammouth du PHP | 725 Messages

18 avr. 2012, 05:42

je vais le tester, merci