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 à 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êcher</a></li>
<li><a href="chataigneraie.html">le châtaignier</a></li>
<li><a href="decouverte.html">dé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 ..
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 {
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 à 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êcher</a></li>
<li><a href="chataigneraie.html">le châtaignier</a></li>
<li><a href="decouverte.html">dé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 ..
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 {
.