Question en XHTML/CSS
Fermé
roma
-
3 août 2009 à 15:21
M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 - 4 août 2009 à 09:13
M@dien Messages postés 437 Date d'inscription mercredi 29 juillet 2009 Statut Membre Dernière intervention 23 septembre 2010 - 4 août 2009 à 09:13
A voir également:
- Question en XHTML/CSS
- Css premier plan ✓ - Forum CSS
- Enlever couleur lien css ✓ - Forum CSS
- Css download - Télécharger - HTML
- Background color css ✓ - Forum CSS
- Code source cv html css pdf - Forum HTML
1 réponse
M@dien
Messages postés
437
Date d'inscription
mercredi 29 juillet 2009
Statut
Membre
Dernière intervention
23 septembre 2010
74
4 août 2009 à 09:13
4 août 2009 à 09:13
Impossible en CSS, il faudra faire du javascript (phrase que j'ai absolument horreur de dire...)
En fait, c'est possible mais pas compris sur internet explorer (encore.... et même en version 8...)
Pour appliquer un style spécial à un élément cliqué il faut utiliser l'attribut :active ( genre div:active {})
Mais pour ce cas là, le plus propre est de tout préparer en xhtml/css, et de provoquer l'affichage par javascript:
En fait, c'est possible mais pas compris sur internet explorer (encore.... et même en version 8...)
Pour appliquer un style spécial à un élément cliqué il faut utiliser l'attribut :active ( genre div:active {})
Mais pour ce cas là, le plus propre est de tout préparer en xhtml/css, et de provoquer l'affichage par javascript:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
<script langage="javascript">
function afficher_menu(id) {
if (document.getElementById(id).style.display=="block") {
document.getElementById(id).style.display="none";
}else{
document.getElementById(id).style.display="block";
}
}
</script>
<style>
ul.sousMenu{
display:none;}
</style>
</head>
<body>
<ul>
<li onclick="afficher_menu('sousMenuA');">a
<ul class="sousMenu" id="sousMenuA">
<li>a.1</li>
<li>a.2</li>
</ul>
</li>
<li onclick="afficher_menu('sousMenuB');">b
<ul class="sousMenu" id="sousMenuB">
<li>b.1</li>
<li>b.2</li>
</ul>
</li>
</ul>
</body>
</html>
