Liste deroulante

Fermé
flob8300 Messages postés 8 Date d'inscription vendredi 29 novembre 2013 Statut Membre Dernière intervention 11 juin 2014 - 29 nov. 2013 à 20:08
AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 - 3 déc. 2013 à 12:55
Bonjour,



je suis en train de créer un site, je suis débutant très débutant !^^ voila j'ai créer la base de mon site le body avec photoshop dans ce body il y a des logos que j'ai découpé avec Photoshop pour mettre des liens, a l'interieur de ce body je veux mettre une liste deroulante avec Dreamweaver seulement tous ce decale ou sinon elle se place dessous je voulais savoir comment la mettre par dessus je suppose qu'il doit y avoir un code pour survolé ? voila j'ai cherché des tutos je n'ai pas trouvé, aussi cette liste deroulante je voulais la personalisé donc j'ai créé juste un encadrement avec photoshop avec juste marqué categorie et la petite fleche vers le bas dedans je voulais qu'il s'ouvre verticalement sur le bas avec un simple cadre blanc et des categories a l'interieur mais si j'ai bien compris il faut utilisé flash Professional qui est trop compliqué pour moi si vous avez des astuces ...

8 réponses

AssassinTourist Messages postés 5710 Date d'inscription lundi 16 janvier 2012 Statut Contributeur Dernière intervention 29 février 2024 1 311
3 déc. 2013 à 12:55
Bonjour,

Alors pour être sûr, tu veux que ton menu ressemble à un des exemples fournis ici : https://css.developpez.com/galerie/?page=menus-horizontaux ?
2
Utilisateur anonyme
29 nov. 2013 à 20:15
Salut,

pour "survolé", pour ton problème de liste déroulante tu dois mettre dans ton css un z-index.

Par exemple

html :

<form method="post" action="traitement.php">
   <p>
       <label for="pays">Dans quel pays habitez-vous ?</label><br />
       <select name="pays" id="pays">
           <option value="france">France</option>
           <option value="espagne">Espagne</option>
           <option value="italie">Italie</option>
           <option value="royaume-uni">Royaume-Uni</option>
           <option value="canada">Canada</option>
           <option value="etats-unis">États-Unis</option>
           <option value="chine">Chine</option>
           <option value="japon">Japon</option>
       </select>
   </p>
</form>

css :

form{
z-index: 1000;
}


Ensuite pour la deuxieme question j'ai pas trop saisi ce que tu souhaite faire, mais je te déconseille la technologie flash dans tout les cas. Peut être pourrais tu reformuler ta question :)
0
flob8300 Messages postés 8 Date d'inscription vendredi 29 novembre 2013 Statut Membre Dernière intervention 11 juin 2014 2
Modifié par flob8300 le 29/11/2013 à 20:57
ok oubli pour la deuxième partie de ma question, j'ai déjà du mal pour la première partie désolé j'ai prévenu je suis très débutant. sur Dreamweaver je travail en fractionné a gauche je travail donc sur une page identique a la premiere parti de ton explication <html>.., comment je met dans mon css ? j'ai creer une nouvelle page en css en cliquant sur nouveau css j'ai entré le code que tu m'a donné et en cliquant sur la page html j'ai attaché la feuille de style mais ca doit pas etre ça.en tout cas merci pour ta rapidité à répondre
0
Utilisateur anonyme
29 nov. 2013 à 20:56
Ben pour faire simple donne le ton code :)
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
flob8300 Messages postés 8 Date d'inscription vendredi 29 novembre 2013 Statut Membre Dernière intervention 11 juin 2014 2
29 nov. 2013 à 21:14
<html>
<head>
<title>acceuilrond2</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<form method="post" action="traitement.php">
<p>

<select name="categorie" id="categorie">
<option value="actu">actualité</option>
<option value="doc">documentaire</option>
<option value="info">information</option>
</select>
</p>
</form>

<!-- Save for Web Slices (acceuilrond2.psd) -->
<img src="images/acceuilrond4.jpg" width="800" height="600" alt="">
<!-- End Save for Web Slices -->
</body>
</html>
0
re, tu as sois un feuille de style externe , mais on peut faire plus simple :

<html> 
<head> 
<title>acceuilrond2</title> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
</head> 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
<form method="post" action="traitement.php" style="z-index: 1000;"> 
<p> 

<select name="categorie" id="categorie"> 
<option value="actu">actualité</option> 
<option value="doc">documentaire</option> 
<option value="info">information</option> 
</select> 
</p> 
</form> 

<!-- Save for Web Slices (acceuilrond2.psd) --> 
<img src="images/acceuilrond4.jpg" width="800" height="600" alt=""> 
<!-- End Save for Web Slices --> 
</body> 
</html>


׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×
0
Utilisateur anonyme
29 nov. 2013 à 21:21
en fait j'ai rajouté dans le form

<form method="post" action="traitement.php" style="z-index: 1000;">
0
flob8300 Messages postés 8 Date d'inscription vendredi 29 novembre 2013 Statut Membre Dernière intervention 11 juin 2014 2
29 nov. 2013 à 21:33
d'accord mais ce n'est pas sur la forme au centre mais je pense qu'il va me falloir de tres longues heures d'entrainement, de video et de lecture avant d'attaquer quoi que soit enfet je veux uniquement travailler sur ce rond. merci d'avoir pris le temps de repondre
0
Utilisateur anonyme
29 nov. 2013 à 21:37
de rien j'ai peut être mal compris désolé
0