Script html aide

Fermé
stevecarcare Messages postés 125 Date d'inscription vendredi 23 octobre 2009 Statut Membre Dernière intervention 3 mars 2010 - 5 nov. 2009 à 17:20
avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 - 5 nov. 2009 à 17:41
Bonjour,
j ai suivi comme je pouvais un tuto mais j arrive pas a l executer... voici mon script html
j aimerai que les menus se deroulent et se referme quand on clic dessus.... help pleasseeeeeee


<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>
A voir également:

1 réponse

avion-f16 Messages postés 19246 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 21 avril 2024 4 500
5 nov. 2009 à 17:41
Je t'ai recoder ça proprement → ici
0