PHPfrance

la communauté d'entraide francophone dédiée au PHP

Affichage du menu drop down

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Affichage du menu drop down

Re: Affichage du menu drop down

par rimie » 18 avr. 2012, 05:42

je vais le tester, merci

Re: Affichage du menu drop down

par Calimero » 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.

Re: Affichage du menu drop down

par rimie » 13 avr. 2012, 18:35

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

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

Re: Affichage du menu drop down

par rimie » 07 avr. 2012, 07:49

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

Affichage du menu drop down

par rimie » 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