18008 sujets

Questions générales et questions de débutants

Besoin d'aide pour un menu site web

Bonjour,
Je viens à vous en espérant que vous pourriez m'aider.
Je suis débutante en html et css et je ne parvient pas à faire un menu déroulant pour un site.
Comment puis je vous faire voir en photo ce que je souhaite faire ?
En gros mon menu est horizontal et je veux que quand on passe la souris sur un des mots les sous-pages apparaissent dans un menu déroulant.
Merci d'avance si vous voulais bien m'aider

PS: si je trouve comment mettre des images que ce que je veux et ce que j'ai pour le moment je vous les metterais ainsi que mon code.
Donc voici ce que je veux faire
http://hpics.li/b7da560
et voici ce que j'ai pour le moment
http://hpics.li/78fe10e

Mon code html:
<ul id="menu_horizontal">
			<li><a href="ses-traitements.html">Ses Traitements</a></li>
			<li><a href="son-histoire.html">Son Histoire</a></li>
			<li><a class="actif" href="a-propos-de-maeline.html">Á Propos de Maëline</h2></a></li><br>
			<li><a href="les-médias.html">Les Médias</a></li>
			<li><a href="temoignage.html">Témoignage</a></li>
			<li><a href="manifestations">Manifestations</a>
				<ul id="sous_menu">
					<li><a href="">Stand à Hauterive</a></li>
					<li><a href="">Zumba</a></li>
					<li><a href="">Les z'indiens sont à l'ouest</a></li>
					<li><a href="">La Crapaboue</a></li>
				</ul>
			<br><li><a href="adhesion.html">Adhésion</a></li>
			<li><a href="galerie.html">Galerie</a></li>
		</ul>


Mon code css:
/*Pour le menu horizontal*/
ul#menu_horizontal li /* Je sélectionne les <li> du menu horizontal */
{ 
display : inline;
padding : 0 0.5em; /* Pour espacer les boutons entre eux */
text-align: right;
	font-family: "calibri";
	font-size: 2em;
	float: right;
}

ul#menu_horizontal
{
list-style-type : none; /* Car sinon les puces se placent n'importe où */
}
/**//***//**//**/

/*Pour le menu déroulant*/
ul#sous_menu li
{
	font-size: 0.7em;
	float: right;
	font-family: "calibri";
	text-align: right;
}
ul#sous-menu
{
	list-style-type: none;
}
/**//**/
Sujet clos
Aller à