Faire disparaître sous-menu

FORUM Tom's Hardware » Programmation » HTML / Javascript » Faire disparaître sous-menu - HELP

Faire disparaître sous-menu - HELP

Il y a 193 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici

Voir les posts : Par défaut Tous Les bonnes notes Les notes insuffisantes

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Faire disparaître sous-menu - HELP

minoH

Plus d'informations

01-02-2006 à 11:08:12

Bonjour,
Débutant dans la conception de site je tente de faire un menu déroulant horizontal avec apparition des sous menu lorsque la souris passe sur un élément du menu et disparition lorsque la souris n'est plus sur cet élément. Sur le site d'Aslacréations j'ai trouvé ce que je voulais sauf que je n'arive pas à faire disparaître les sous menus (je précise que si je vais sur un autre élément du menu, le sous menu de ce nouvel élément apparaît correctement mais si on passe la souris sur un élément et qu'ensuite on lit la page, les sous menus restent affichés).

Je mets le code ci-dessous :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>Menu déroulant horizontal</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<script type="text/javascript">

</script>

<style type="text/css">

body {
margin: 0;
padding: 0;
background: white;
font: 10px verdana, arial, sans-serif;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: absolute;
top: 0;
left: 0;
z-index:100;
width: 100%; /* précision pour Opera */
}
#menu dl {
float: left;
width: 12em;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
}
#menu dd {
display: none;
border: 1px solid gray;
}
#menu li {
text-align: center;
background: #fff;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}

#site {
position: absolute;
z-index: 1;
top : 70px;
left : 10px;
color: #000;
background-color: #ddd;
padding: 5px;
border: 1px solid gray;
}

.mentions {
position: absolute;
top : 300px;
left : 10px;
color: #000;
background-color: #ddd;
}
.Style1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
.Style2 {font-size: 10px}
-->
</style>
</head>

<body>

<div id="menu">
<dl>
<dt onmouseover="javascript:montre();"><a href="" title="Retour à l'accueil" class="Style1">Accueil</a></dt>
</dl>

<dl>
<dt onmouseover="javascript:montre('smenu1');">Menu 1</dt>
<dd id="smenu1" onmouseover="javascript:montre('smenu1');" onmouseout="cacherdelai('smenu1');">
<ul>
<li><a href="#">Sous-Menu 1.1</a></li>

<li><a href="#">Sous-Menu 1.2</a></li>
<li><a href="#">Sous-Menu 1.3</a></li>
</ul>

</dd>
</dl>

<dl>
<dt class="Style2" onmouseover="javascript:montre('smenu2');">Menu 2</dt>
<dd id="smenu2">
<ul>
<li><a href="#">Sous-Menu 2.1</a></li>

<li><a href="#">Sous-Menu 2.2</a></li>
<li><a href="#">Sous-Menu 2.3</a></li>
</ul>

</dd>
</dl>

<dl>
<dt class="Style2" onmouseover="javascript:montre('smenu3');">Menu 3</dt>
<dd id="smenu3">
<ul>

<li><a href="#">Sous-Menu 3.1</a></li>
<li><a href="#">Sous-Menu 3.2</a></li>
<li><a href="#">Sous-Menu 3.3</a></li>
<li><a href="#">Sous-Menu 3.4</a></li>
<li><a href="#">Sous-Menu 3.5</a></li>
</ul>

</dd>
</dl>

<dl>
<dt class="Style2" onmouseover="javascript:montre('smenu4');">Menu 4</dt>
<dd id="smenu4">
<ul>
<li><a href="#">Sous-Menu 4.1</a></li>
<li><a href="#">Sous-Menu 4.2</a></li>

<li><a href="#">Sous-Menu 4.3</a></li>
</ul>
</dd>
</dl>

</div>

</body>
</html>

Merci d'avance pour votre aide.

KangOl

Profil : Pointeur

Plus d'informations

01-02-2006 à 20:25:46

Masquer

1/ balise [code]
2/ elague ton code

Johan_et_Pirlouit

Inside my own Second Life

Plus d'informations

01-02-2006 à 21:10:36

Masquer

Et charset=iso-8859-15, si tu souhaites employer un jeu régional !! On est à l'heure de l'Euro depuis longtemps, maintenant et les pays de l'Est sont dans l'Europe !!! On utilise donc le jeu de caractères connu aussi sous le nom de Latin9 depuis quelques années..

C'est fini, le Latin1 avec "rien" dedans, même pas les Œ / œ pourtant si courants en français (si,si, c'était vrai : une omission par bêtise du préposé français qui avait transmis à l'organisme de normalisation international ISO le pauvre jeu de caractères français que son imprimante, pourtant française, de l'époque savait rendre)..

Sinon, de plus en plus le jeu Unicode utf-8 est employé, il est d'ailleurs par défaut avec l'XHTML 1.1 dans le cas où la déclaration du jeu de caractère est manquante dans le prologue XML.. Mais l'emploi d'utf-8 impose généralement que les caractères accentués soient codés au format HTML (sous la forme '&nom;'), ce que savent faire automatiquement les applis comme Dreamweaver ou d'autres..

:jap:

---------------
Retrouvez moi sur mon blog : http://www.nicolasullern.net/leblog/
Et aussi sur :
http://www.linkedin.com/in/nicolasullern
http://www.viadeo.com/fr/profile/nicolas.ullern
http://www.copaing.net/johanpirlouit/

Aller à :

FORUM Tom's Hardware » Programmation » HTML / Javascript » Faire disparaître sous-menu - HELP

Plan du forum
Forum MesDiscussions.Net, Version 2007.1.2
© 2000-2007 No1Dev

Page générée en 0.249 secondes

Annonces Google

Sujets relatifs

voir tout

Actualités relatives

KaZaa plus payant

Publié le 27 September 2002

Sharman Networks, à l'origine de KaZaa, vient de dévoiler son "KaZaa plus", la version payante du célèbrissime logiciel de peer to peer. Au menu : Plus de publicités Lire la suite

Scythe : l'Infinity s'améliore et devient le Mugen

Publié le 08 August 2007

Depuis sa sortie le ventirad Scythe Infinity s’est taillé une belle réputation. Pourtant, Scythe a décidé de le faire disparaître. En fait, Scythe étant un fabricant Japonais, a décidé que tous ses produits devaient porter des noms à consonnance nippone. ... Lire la suite

Visa : les numéros n'auraient pas du disparaitre

Publié le 20 July 2005

En tout cas, si l'on en croit les déclaration de la société Visa, s'occupant notamment de la gestion des cartes visas internationales, il semblerait bien qu'il y ait eu beaucoup de négligences de la part de CardSystems, le prestataire d Lire la suite

Les jeux gratuits du week-end

Publié le 25 February 2008

Bubble Bobble Revival est un classique du jeu vidéo très sympathique, dont le héros est un petit dino à la couleur verte. Il se contrôle à l’aide des flèches et la touche espace sert à tirer des bulles qui vous permettront de capturer vos cibles. Lorsque Lire la suite

Les derniers tests

voir tout

Les téléchargements

Faire disparaître sous-menu - HELP

KaZaa plus payant

Scythe : l'Infinity s'améliore et devient le Mugen

Visa : les numéros n'auraient pas du disparaitre

Les jeux gratuits du week-end

Les meilleures configurations

Quel est le meilleur photophone ?

Comparatif ADSL et internet haut débit

Test Panasonic LX3 : un vrai compact pour les experts