Aide debutant menu deroulant

Résolu
steve-elipz Messages postés 148 Date d'inscription   Statut Membre Dernière intervention   -  
steve-elipz Messages postés 148 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,

j ai posté des sujets sur plusieurs forum, jamais de reponse svppp aider moi svppppp, suis bloqué depuis 2 semaines sur mon site a cause de ca :(

j aimerai avoir un menu deroulant au passage de la souris avec un cadre de fond gris:

ACCUEIL PROJETS CONTACT PHOTOS
vide john vide janvier
steve fevrier

les titres seraient sans fond, et lorsqu on passe (souris) sur un titre comme "projets" ca deroule un cadre vec fond gris et il y aurait deux lien 'john-steve'

comment puis je faire? j ai meme essayé avec des flash mais pas top...

suis ouvert a tout, java,html,php n importe mais aider moi svppp

merci





A voir également:

3 réponses

Réponse 1 / 3
steve-elipz Messages postés 148 Date d'inscription   Statut Membre Dernière intervention  
 
comme j ai deja dis, j ai trouvé un petit script qui ressemble assez a ce que je veux mais j arrive pas a le modifier niveau couleur car le titre a un fond... et pas gris... si ca peut aider??? en plus il y a des puces qui restent visibles...


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Menu déroulant en Javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"/>
<style>
#niveau_1{
width:170px;
background-color:red;
padding-left:20px;
}
#niveau_2{
width:170px;
background-color:red;
padding-left:20px;
}
#niveau_3{
width:170px;
background-color:red;
padding-left:20px;
}

</style>

</head>

<script>
function sous_menu_ouvre(_sous_menu) {
_sous_menu.style.display='block';
}
function sous_menu_ferme(_sous_menu) {
_sous_menu.style.display='none';
}

</script>

<body>

<ul style="list-style-type:square">
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_1_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_1_in'));" id="niveau_1" style="float:left">
menu 1</li>
<ul id="niveau_1_in" style="display:none">
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_11_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_11_in'));" id="niveau_11">
menu 1.1</li>
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_11_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_11_in'));" id="niveau_12">
menu 1.2</li>
</ul>


</ul>

</body>
</html>
0
Réponse 2 / 3
steve-elipz Messages postés 148 Date d'inscription   Statut Membre Dernière intervention  
 
j ai aussi essayé au lieu de menu 1.1 dans l exemple du script de mettre un cadre avec texte integré dedans mais cadre et texte n apparait pas...
0
Réponse 3 / 3
steve-elipz Messages postés 148 Date d'inscription   Statut Membre Dernière intervention  
 
au moins comme ca ceux qui voudront faire la meme chose sauront maintenant meme si c est ecrit plus que bizzarement ca fonctionne!


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office" xmlns="http://www.w3.org/TR/REC-html40/">
<head>
<title>Menu déroulant en Javascript</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="File-List" href="nouvellepage1_fichiers/filelist.xml">

<style>
#niveau_1{
width:170px;
background-color:;
padding-left:20px;
}
#niveau_2{
width:170px;
background-color:;
padding-left:20px;
}
#niveau_3{
width:170px;
background-color:;
padding-left:20px;
}

</style>

<!--[if !mso]>
<style>
v\:* { behavior: url(#default#VML) }
o\:* { behavior: url(#default#VML) }
.shape { behavior: url(#default#VML) }
</style>
<![endif]--><!--[if gte mso 9]>
<xml><o:shapedefaults v:ext="edit" spidmax="1027"/>
</xml><![endif]-->

</head>

<script>
function sous_menu_ouvre(_sous_menu) {
_sous_menu.style.display='block';
}
function sous_menu_ferme(_sous_menu) {
_sous_menu.style.display='none';
}

</script>

<body>


<ul style="list-style-type:square">
<li onMouseOver="sous_menu_ouvre(document.getElementById('niveau_1_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_1_in'));" id="niveau_1" style="float:left">
menu 1</li>
<ul id="niveau_1_in" style="display:none">

<la onMouseOver="sous_menu_ouvre(document.getElementById('niveau_11_in'));"
onMouseOut="sous_menu_ferme(document.getElementById('niveau_11_in'));" id="niveau_12">
<p><!--[if gte vml 1]><v:rect id="_x0000_s1027"
alt="" style='position:absolute;left:18.75pt;top:27pt;width:108.75pt;height:76.5pt;
z-index:1' fillcolor="#969696" stroked="f">
<v:textbox>
<table cellspacing="0" cellpadding="0" width="100%" height="100%">
<tr>
<td align="center"><font color="#FFFFFF">Menu 1</font><p>
<font color="#FFFFFF">Menu 2</font></td>
</tr>
</table>
</v:textbox>
</v:rect><![endif]--><![if !vml]><span style='mso-ignore:vglayout;position:
absolute;z-index:1;left:25px;top:36px;width:149px;height:106px'><img width=149
height=106 src="nouvellepage125_fichiers/image001.gif" v:shapes="_x0000_s1027"></span><![endif]></p></la>
</ul>


</ul>

</body>
</html>
0

Discussions similaires

Suppression listes déroulantes
Archa -
Sam -

5 réponses
Supprimer liste déroulante Excel
SamAlex -
b@bd -

8 réponses
Effacer liste déroulante
gabrielle -
jmps -

3 réponses
menu caché
laurent -
ChariduP -

7 réponses
supprimer une liste déroulante
fred94 -
m@rina -

3 réponses