Menu accordeon execution
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:00
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 5 nov. 2009 à 17:51
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 5 nov. 2009 à 17:51
A voir également:
- Menu accordeon execution
- Menu déroulant excel - Guide
- Windows 11 menu démarrer classique - Guide
- Canon quick menu - Télécharger - Utilitaires
- Réinitialiser menu démarrer windows 10 - Guide
- Menu demarrer windows 10 - Guide
3 réponses
phenX
Messages postés
704
Date d'inscription
mercredi 4 mai 2005
Statut
Membre
Dernière intervention
28 août 2012
23
5 nov. 2009 à 17:02
5 nov. 2009 à 17:02
et le css ?
stevecarcare
Messages postés
125
Date d'inscription
vendredi 23 octobre 2009
Statut
Membre
Dernière intervention
3 mars 2010
5 nov. 2009 à 17:12
5 nov. 2009 à 17:12
<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
<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
avion-f16
Messages postés
19249
Date d'inscription
dimanche 17 février 2008
Statut
Contributeur
Dernière intervention
15 juin 2024
4 504
5 nov. 2009 à 17:51
5 nov. 2009 à 17:51
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é :
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