Script html aide
stevecarcare
Messages postés
125
Date d'inscription
Statut
Membre
Dernière intervention
-
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
avion-f16 Messages postés 19252 Date d'inscription Statut Contributeur Dernière intervention -
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>
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:
- Script html aide
- Script vidéo youtube - Guide
- Editeur html - Télécharger - HTML
- Mas script - Accueil - Windows
- Ghost script - Télécharger - Polices de caractères
- Script les visiteurs pdf - Forum Cinéma / Télé
