Menu deroulant (IE6 et JS desactivee)
Fermé
duxitto
Messages postés
247
Date d'inscription
lundi 7 avril 2008
Statut
Membre
Dernière intervention
7 janvier 2013
-
30 juin 2010 à 21:11
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 1 juil. 2010 à 11:55
bg62 Messages postés 23590 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 15 avril 2024 - 1 juil. 2010 à 11:55
A voir également:
- Menu deroulant (IE6 et JS desactivee)
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Excel menu déroulant en cascade - Guide
- Canon quick menu - Télécharger - Utilitaires
- Menu demarrer - Guide
2 réponses
Salut,
Je te conseille un menu déroulant en full CSS.
a voir ta question tu es un peut perdu en css peut etre.
Donc essaye cela et vois ce que ca dit.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
#menu {
width:150px;
font-size:20px;
}
#menu ul {
margin:0px;
padding:0px;
background-color:#999999;
}
#menu ul li {
height:25px;
line-height:25px;
list-style:none;
padding-left:40px;
border-top:#ffffff solid;
border-width:1px;
}
#menu ul li a {
text-decoration:none;
color:#000000;
}
#menu ul li:hover {
background-color:#FF9900;
position:relative;
}
#menu ul li a:hover {
text-decoration:none;
color:#ffffff;
}
#menu ul ul {
display:none;
position:absolute;
left:150px;
top:0px;
border:#ffffff solid;
background-color:#CCCCCC;
}
#menu ul li:hover ul {
display:block;
}
#menu ul ul li {
border:none;
width:100px;
float:left;
display:inline;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">Accueil</a>
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
</ul>
</li>
<li><a href="#">Images</a>
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
</ul>
</li>
<li><a href="#">Vidéos</a>
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</body>
</html>
Bon courage,
Je te conseille un menu déroulant en full CSS.
a voir ta question tu es un peut perdu en css peut etre.
Donc essaye cela et vois ce que ca dit.
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
#menu {
width:150px;
font-size:20px;
}
#menu ul {
margin:0px;
padding:0px;
background-color:#999999;
}
#menu ul li {
height:25px;
line-height:25px;
list-style:none;
padding-left:40px;
border-top:#ffffff solid;
border-width:1px;
}
#menu ul li a {
text-decoration:none;
color:#000000;
}
#menu ul li:hover {
background-color:#FF9900;
position:relative;
}
#menu ul li a:hover {
text-decoration:none;
color:#ffffff;
}
#menu ul ul {
display:none;
position:absolute;
left:150px;
top:0px;
border:#ffffff solid;
background-color:#CCCCCC;
}
#menu ul li:hover ul {
display:block;
}
#menu ul ul li {
border:none;
width:100px;
float:left;
display:inline;
}
</style>
</head>
<body>
<div id="menu">
<ul>
<li><a href="#">Accueil</a>
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
</ul>
</li>
<li><a href="#">Images</a>
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
</ul>
</li>
<li><a href="#">Vidéos</a>
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
</ul>
</li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</body>
</html>
Bon courage,
bg62
Messages postés
23590
Date d'inscription
samedi 22 octobre 2005
Statut
Modérateur
Dernière intervention
15 avril 2024
2 362
1 juil. 2010 à 11:55
1 juil. 2010 à 11:55
ben tu viens de donner la réponse toi-même : tout en css ... :-)
