|
|
Posted by johann on 05/30/07 20:44
bonjour
je suis en train de faire ma page internet
j'ai le menu en css
que voici :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
xml:lang="en"><head><title>Testos</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="robots" content="all">
<link rel="stylesheet" type="text/css" href="menu01.css" title="default"
media="screen">
</head>
<body>
<ul id="menuDeroulant">
<li>
<a href="#">Les castors</a>
<ul class="sousMenu">
<li><a href="#">Pelage doux mais robuste qu'on aime bien
beaucoup</a></li>
<li><a href="#">Ils confectionnent des barrages !</a></li>
<li><a href="#">Ils ont des grandes dents</a></li>
</ul>
</li>
<li>
<a href="#">Partie 2</a>
<ul class="sousMenu">
<li><a href="#">whisky</a></li>
<li><a href="#">vodka</a></li>
<li><a href="#">gin</a></li>
<li><a href="#">vin</a></li>
<li><a href="#">champagne</a></li>
</ul>
</li>
</ul>
</body></html>
-------------------------------------------------------------------------------------------------------------------------------------------
le css :
-------------------------------------------------------------------------------------------------------------------------------------------
body {
font: 11px verdana, sans-serif;
background: #AFA99B url("fond.jpg") top left no-repeat;
margin: 0;
padding: 0;
}
/* ------------------------------------------------------------------------------------
Tha Drop-down Menu
------------------------------------------------------------------------------------
*/
/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
background: #6A6458;
width: 1024px;
height: 21px;
list-style-type: none;
margin: 5px;
padding: 0;
border: 0;
}
#menuDeroulant li
{
float: left;
width: 120px;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: auto;
color: #FFF;
background: #3B4E77;
margin: 0;
padding: 4px 8px;
border-right: 1px solid #fff;
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #F2462E; }
#menuDeroulant li a:active { background-color: #5F879D; }
#menuDeroulant .sousMenu
{
display: none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
}
#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
width: 149px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
background: transparent url("fondTR.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #F2462E;
}
#menuDeroulant li:hover > .sousMenu { display: block; }
-------------------------------------------------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------------------------------------------------
j'aimerais utiliser ceci pour fair un menu en haut d'une page, et que a
chaque clic sur les liens ce la me l'affiche sur un cadre ou ifram ou div
juste en dessous.
Mais j'arrive pas a trouver le truc
Voila merci d'avance
Navigation:
[Reply to this message]
|