Auteur
ardechois
#
2 Posts
Bonjour à tous,
je viens de créer un site sur ma region, sous l'adresse :
http://pagesperso-orange.fr/ardeche.nature
suis débutant, et assez nul, car je n'arrive pas a mettre en place le sous menu deroulant.
puis-je avoir de l'aide...par avance merçi...
ci-dessous code html...........

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>ardeche.nature</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="../style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="entete"> <a href="../index.html" id="lienAccueil"><marquee color=" #abd240" align="center" scrollamount="5" loop="-1" width="50%" height="10%" style="font: x-large"><img src="../images/logo-texte.gif" width="491" height="43" alt="Ardeche nature, page d'accueil" title="Ardeche nature, page d'accueil" /></marquee></font><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</a>
<!-- fin lien retour accueil -->
<ul id="liensNav">
<li><a href="../index.html">accueil</a>
<ul class="sousmenu">
<li><a href="#"> autrefois</a>
</li></ul>
<li><a href="ver-a-soie.html">le ver &agrave; soie</a>
<ul class="sousmenu">
<li><a href="cocon.html">cocon </a>
<li><a href="le ver.html"> le ver </a></li>
<li><a href="le papillon.html">le papillon</a></li>
</ul></li></li>
<li><a href="pecher.html">le p&ecirc;cher</a></li>
<li><a href="chataigneraie.html">le ch&acirc;taignier</a></li>
<li><a href="decouverte.html">d&eacute;couverte</a></li>
<li><a href="hebergement.html">hebergement</a></li>
<li class="dernier"><a href="votre-avis.html">votre avis</a></li>
</ul><!-- fin menu -->
</div><!-- fin entete -->
code....css ..
* ---------- styles generiques ---------------- */
body {
margin: 0;
padding: 0;
background: #E3EDC2;
color: #333;
font: small "Lucida Grande", Arial, sans-serif;
}

a {
text-decoration: none;
}

a img {
border: none;
}

p {
margin: 0 0 1em;
}
/* ----------- syles d'entete -------------- */
#entete {
margin-bottom: 1.75em;
background-color: #ABD240;
padding-top: 1px;
}

/* ------------- style de la liste/menu ----------------- */
#lienAccueil {
display: block;
margin: 1em 2em 1em;
padding: 2em 0 0.5em 1em;
background: url(images/ecureuil.gif) 90% 90% no-repeat;
}

#liensNav {
margin: 0;
padding: 0.5em 3em;
background:#686397;
}

#liensNav li {
display:inline;
margin-right: 0.5em;
padding-right: 0.75em;
border-right: 1px solid #99c;
font-weight: bold;
}
#liensNav li.dernier {
border-right: 0;
}
#liensNav a {
color:#d4ec84;
}
/*#liensNav a:visited {
color:#66FF66;
}*/
#liensNav a:hover {
color:#FFFFFF;
}

#liensNav a:active {
color:#FF0000;
}
/*-------------------sous-menu deroulant-----------------------*/


/* ----------------fin du menu deroulant-----*/
/* ------------------- styles contenu principale ------------------ */
#contenu { Smiley lol

^
N-J
#
Poto de Simon K ^^
414 Posts
Salut,

Pense à mettre ton code entre les balises [ code] [/ code] Smiley cligne .
Sinon tu peux aller voir le tutoriel d'alsa pour faire des jolis menus ^^ Smiley cligne
EDIT: Désolé je susi allé trop vite, ce sont des menus simples qui sont proposés dans mon lien ^^
Modifié par N-J (12 Aug 2009 - 16:33)

^
Raphael
#
twitter.com/goetter
Administrateur
12565 Posts
N-J a écrit :
Sinon tu peux aller voir le tutoriel d'alsa pour faire des jolis menus ^^ Smiley cligne

Ou alors pour les menus déroulants :
http://www.alsacreations.com/tuto/lire/602-Creer-un-menu-accordeon-avec-jQuery.html
Smiley cligne

Dès le matin, j'ai la tête dans le flux !

^
webdesign-fr
#
47 Posts
ou alors essaie son of suckerfish
http://htmldog.com/articles/suckerfish/dropdowns/

^
fvsch
#
20376 Posts
Bonjour,

Les débutants ne devraient pas faire de menu déroulant. Du tout.

Voilà qui est dit.

^