Se connecter avec
S'enregistrer | Connectez-vous

Aide pour Menu déroulant

Dernière réponse : dans Programmation
Lassé par la pub ? Créez un compte


<img src="dedicace.gif" onMouseOver="this.src='dedicace1.jpg'" onMouseOut="this.src='dedicace.gif'" width="47" height="47" border="0"></a>
</td><td align="center" valign="middle">
<select name="banmenu" id="banmenu" style="color:#6A2300; font-family:verdana; font-size:10px;"
onChange="javascript:choix=this.value;if (choix != '-'){window.open('http://roazhoneg.neuf.fr/'+choix,'')}">
<option value="-"></option>
<option value="Woody.htm">2008</option>
<option value="shaal.htm">2007</option>
<option value="meriadec.htm">2006</option>
<option value="yumoon.htm">2005</option>
<option value="merlin.htm">2004</option> </select>
</td></tr></table>
</p>

mais je voudrais que le menu soit en dessous de l'image et non à coté

voila j'ai réussi :bounce: 

mais il me reste un probleme :pt1cable: 

http://roazhoneg.neuf.fr/03.htm

lorsque je clique sur l'icône, le menu apparait mais ne disparait plus ... donc ce que je voudrais c'est qu'il disparait lorsque je reclic sur l'icône.

et aussi enlever le gros point moche à gauche de l'écran

voici mon code:

Citation :
<div id="menu" style="position:relative;display:none"><li>
<p align="center"><a href="http://roazhoneg.neuf.fr/Woody.htm">2008</a> -
<a href="http://roazhoneg.neuf.fr/shaal.htm">2007</a> -
<a href="http://roazhoneg.neuf.fr/meriadec.htm">2006</a> -
<a href="http://roazhoneg.neuf.fr/yumoon.htm">2005</a> -
<a href="http://roazhoneg.neuf.fr/merlin.htm">2004</a></li></div>
<img src="dedicace.gif" onMouseOver="this.src='dedicace1.jpg'" title="Dédicaces" onMouseOut="this.src='dedicace.gif'" onclick="document.getElementById('menu').style.display='';"
Expert Programmation

bah si tu veux pas de gros point moche, faut pas mettre de li, ou utiliser l'attribut css list-style:none de mémoire. Et après pour ton affichage, tu regardes le style.display de l'élément, s'il est none, tu le met à block, sinon tu le met à none

je met quoi a la place de la en rouge ??


<div id="menu" style="position:relative;display:la"><li>
<p align="center"><a href="http://roazhoneg.neuf.fr/Woody.htm">2008</a> -
<a href="http://roazhoneg.neuf.fr/shaal.htm">2007</a> -
<a href="http://roazhoneg.neuf.fr/meriadec.htm">2006</a> -
<a href="http://roazhoneg.neuf.fr/yumoon.htm">2005</a> -
<a href="http://roazhoneg.neuf.fr/merlin.htm">2004</a></li></div>
<img src="dedicace.gif" onMouseOver="this.src='dedicace1.jpg'" title="Dédicaces" onMouseOut="this.src='dedicace.gif'" onclick="document.getElementById('menu').style.display='la';"
Expert Programmation

ce que tu avais fait était bon (enfin ce que tu avais à peu près bien copié sur ce que je t'ai donné).
C'est juste qu'il faut que tu rajoutes une condition javascript pour détecter l'état actuel de l'élément et changer son état en fonction
Lassé par la pub ? Créez un compte
Tom's guide dans le monde