Menu accordeon execution
stevecarcare
Messages postés
161
Statut
Membre
-
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19182 Date d'inscription Statut Contributeur Dernière intervention -
Bonjour,
j arrive pas a faire derouler et reenrouler mes sous menus... comment faire??? voici ma page html...
merci pour votre aideeeeee :)
<html>
<head>
<script type="text/javascript" src="jquery-1.2.1.js"></script>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>
<body>
</body>
</html>
<ul class="navigation">
<li><a href="#" title="Aller à la page 1">Moteur</a></li>
<li class="toggleSubMenu"><span>Electricite</span>
<ul class="subMenu">
<li><a href="#" title="Aller à la page 2.1">Relai</a></li>
<li><a href="#" title="Aller à la page 2.2">Phare</a></li>
<li><a href="#" title="Aller à la page 2.3">Ampoule</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Chassis</span>
<ul class="subMenu">
<li><a href="<pan>texte der</span>" title="Aller à la page 3.1">Disque</a></li>
<li><a href="#" title="Aller à la page 3.2">Plaquettes</a></li>
</ul>
</li>
<li><a href="#" title="Aller à la page 4">Habillage</a></li>
</ul>
j arrive pas a faire derouler et reenrouler mes sous menus... comment faire??? voici ma page html...
merci pour votre aideeeeee :)
<html>
<head>
<script type="text/javascript" src="jquery-1.2.1.js"></script>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
</head>
<body>
</body>
</html>
<ul class="navigation">
<li><a href="#" title="Aller à la page 1">Moteur</a></li>
<li class="toggleSubMenu"><span>Electricite</span>
<ul class="subMenu">
<li><a href="#" title="Aller à la page 2.1">Relai</a></li>
<li><a href="#" title="Aller à la page 2.2">Phare</a></li>
<li><a href="#" title="Aller à la page 2.3">Ampoule</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Chassis</span>
<ul class="subMenu">
<li><a href="<pan>texte der</span>" title="Aller à la page 3.1">Disque</a></li>
<li><a href="#" title="Aller à la page 3.2">Plaquettes</a></li>
</ul>
</li>
<li><a href="#" title="Aller à la page 4">Habillage</a></li>
</ul>
Configuration: Windows XP Internet Explorer 7.0
3 réponses
-
-
<html>
<head>
<script type="text/javascript" src="jquery-1.2.1.js"></script>
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nouvelle page 1</title>
>.navigation {
margin: 0;
padding: 0;
list-style: none;
background: #000;
color: #fff;
width: 200px;
font: 1.2em "Trebuchet MS", sans-serif;
}
.navigation a, .navigation span {
display: block;
padding: 4px 10px;
color: #fff;
text-decoration: none;
background: #000 url(menu-item.png) left bottom no-repeat; }
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span {
background-image: url(menu-item-deroule.png);
} .navigation .open a,
.navigation .open span {
background-image: url(menu-item-enroule.png);
}
.navigation a:hover, .navigation a:focus, .navigation a:active {
text-decoration: underline;
}
.navigation .subMenu {
font-size: .8em;
background: #ccc url(subMenu.png) 0 0 repeat-x;
font-size: .9em;
margin: 0;
padding: 0;
border-bottom: 1px solid #666;
}
.navigation ul.subMenu a {
background: none;
padding: 3px 20px;
}
</head>
<body>
</body>
</html>
<ul class="navigation">
<li><a href="#" title="Aller à la page 1">Moteur</a></li>
<li class="toggleSubMenu"><span>Electricite</span>
<ul class="subMenu">
<li><a href="#" title="Aller à la page 2.1">Relai</a></li>
<li><a href="#" title="Aller à la page 2.2">Phare</a></li>
<li><a href="#" title="Aller à la page 2.3">Ampoule</a></li>
</ul>
</li>
<li class="toggleSubMenu"><span>Chassis</span>
<ul class="subMenu">
<li><a href="<pan>texte der</span>" title="Aller à la page 3.1">Disque</a></li>
<li><a href="#" title="Aller à la page 3.2">Plaquettes</a></li>
</ul>
</li>
<li><a href="#" title="Aller à la page 4">Habillage</a></li>
</ul>
voila ce qu ils mettent sr le tuto mais la je comprends plus rien moi -
Pourquoi avoir créé deux topics ?
Voilà l'autre : https://forums.commentcamarche.net/forum/affich-15065420-script-html-aide
Et là réponse que j'avais donné :Je t'ai recoder ça proprement ici
