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
- Enlever couleur lien css ✓ - Forum CSS
- Mettre une image à gauche css ✓ - Forum CSS
- Css exposant ✓ - Forum CSS
- Déplacer une image css - Forum CSS
- Css download - Télécharger - 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>
