Liste deroulante
flob8300
Messages postés
8
Date d'inscription
Statut
Membre
Dernière intervention
-
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
AssassinTourist Messages postés 6029 Date d'inscription Statut Contributeur Dernière intervention -
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 ...
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 ...
A voir également:
- Liste deroulante
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Liste déroulante google sheet - Accueil - Guide bureautique
- Liste code ascii - Guide
- Site dangereux liste - Guide
8 réponses
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 ?
Alors pour être sûr, tu veux que ton menu ressemble à un des exemples fournis ici : https://css.developpez.com/galerie/?page=menus-horizontaux ?
Salut,
pour "survolé", pour ton problème de liste déroulante tu dois mettre dans ton css un z-index.
Par exemple
html :
css :
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 :)
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 :)
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
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
<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>
<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>
re, tu as sois un feuille de style externe , mais on peut faire plus simple :
׺°"~'"°º×]|I{*------» m3745p10!7 «------*}I|[׺°"~'"°º×
<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|[׺°"~'"°º×