Menu déroulant se referme tout seul
Fermé
siworg
Messages postés
5
Date d'inscription
vendredi 14 mars 2014
Statut
Membre
Dernière intervention
27 février 2015
-
22 mars 2014 à 23:45
Siworg - 26 mars 2014 à 11:24
Siworg - 26 mars 2014 à 11:24
A voir également:
- Menu déroulant se referme tout seul
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Mon téléphone appelle tout seul - Forum Mobile
- Son qui se baisse tout seul xiaomi - Forum Xiaomi
- Canon quick menu - Télécharger - Utilitaires
3 réponses
telliak
Messages postés
3655
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
27 mars 2024
875
23 mars 2014 à 10:29
23 mars 2014 à 10:29
Salut,
Pas facile de t'aider sans avoir accès au code.
Pas facile de t'aider sans avoir accès au code.
telliak
Messages postés
3655
Date d'inscription
mercredi 20 septembre 2006
Statut
Membre
Dernière intervention
27 mars 2024
875
24 mars 2014 à 10:48
24 mars 2014 à 10:48
Pourquoi avoir posé cette question ?
siworg
Messages postés
5
Date d'inscription
vendredi 14 mars 2014
Statut
Membre
Dernière intervention
27 février 2015
25 mars 2014 à 18:19
25 mars 2014 à 18:19
Bonour,
désolé pour mon absence... Un problème avec ma boîte mail.
Alors voici mon code :
<!-- Menu Déroulant -->
<body>
<ul id="menu">
<li id="acceuil">
<a href="file:///Users/thetwins/Desktop/Anto/site/site.html#">Acceuil</a>
</li>
<li>
<a href="#">Gaming</a>
<ul>
<li>
<a href="#">Bioshock Infinite</a>
<ul>
<li><a href="#">Partie 1</a></li>
<li><a href="#">Partie 2</a></li>
</ul>
</li>
<li><a href="#">Rayman Origins</a></li>
<li><a href="#">I Wanna Be The Guy</a></li>
</ul>
</li>
<li>
<a href="#">Astuces</a>
<ul>
<li><a href="#">Windows</a></li>
<li><a href="#">Mac</a></li>
</ul>
</li>
<li>
<a href="#">Me suivre</a>
<ul>
<li><a href="#">Google+</a></li>
<li><a href="#">FaceBook</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</li>
</body>
<!--Fin menu déroulant-->
Voilà... Mais avec ma vidéo juste en dessus "collée" au menu, impossible d'accéder aux éléments des listes !
(je précise que le code n'est pour l'instant qu'un essai, il va être modifié...)
Merci
désolé pour mon absence... Un problème avec ma boîte mail.
Alors voici mon code :
<!-- Menu Déroulant -->
<body>
<ul id="menu">
<li id="acceuil">
<a href="file:///Users/thetwins/Desktop/Anto/site/site.html#">Acceuil</a>
</li>
<li>
<a href="#">Gaming</a>
<ul>
<li>
<a href="#">Bioshock Infinite</a>
<ul>
<li><a href="#">Partie 1</a></li>
<li><a href="#">Partie 2</a></li>
</ul>
</li>
<li><a href="#">Rayman Origins</a></li>
<li><a href="#">I Wanna Be The Guy</a></li>
</ul>
</li>
<li>
<a href="#">Astuces</a>
<ul>
<li><a href="#">Windows</a></li>
<li><a href="#">Mac</a></li>
</ul>
</li>
<li>
<a href="#">Me suivre</a>
<ul>
<li><a href="#">Google+</a></li>
<li><a href="#">FaceBook</a></li>
<li><a href="#">Twitter</a></li>
</ul>
</li>
</body>
<!--Fin menu déroulant-->
Voilà... Mais avec ma vidéo juste en dessus "collée" au menu, impossible d'accéder aux éléments des listes !
(je précise que le code n'est pour l'instant qu'un essai, il va être modifié...)
Merci
et pour le code css :
#menu, #menu ul
{
padding : 0;
margin : 0;
list-style : none;
line-height : 21px;
text-align : center;
}
#menu a:active {
font-family: "times new roman";
font-size:15px;
}
#menu
{
font-weight : bold;
font-family : Arial;
font-size : 12px;
position : center;
display:block;
margin: 0 auto;
margin-right:10px;
margin-bottom:100px;
margin-top:10px;
}
#menu a
{
display : block;
padding : 0;
border: 2px #323232;
border-radius:2px;
background : #323232;
color : #fff; /* couleur du texte */
text-decoration : none;
width : 144px;
}
#menu li
{
float : left;
border-right:1px solid #fff;
background-color:#999999;
border-radius:2px;
}
html>body #menu li
{
border-right: 1px solid transparent ;
}
#menu li ul
{
position: absolute;
width: 144px;
left: -999em;
}
#menu li ul li
{
border-top : 1px solid #FFFFFF;
}
html>body #menu li ul li
{
border-top : 1px solid transparent;
}
#menu li ul ul
{
margin : -22px 0 0 144px ;
border-left : 1px solid #fff ;
}
html>body #menu li ul ul
{
border-left : 1px solid transparent ;
}
#menu a:hover
{
color: #FFF;
background: #A9A9A9;
}
#menu li:hover ul ul, #menu li.sfhover ul ul
{
left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul
{
left: auto;
min-height: 0;
}
Voilà...
#menu, #menu ul
{
padding : 0;
margin : 0;
list-style : none;
line-height : 21px;
text-align : center;
}
#menu a:active {
font-family: "times new roman";
font-size:15px;
}
#menu
{
font-weight : bold;
font-family : Arial;
font-size : 12px;
position : center;
display:block;
margin: 0 auto;
margin-right:10px;
margin-bottom:100px;
margin-top:10px;
}
#menu a
{
display : block;
padding : 0;
border: 2px #323232;
border-radius:2px;
background : #323232;
color : #fff; /* couleur du texte */
text-decoration : none;
width : 144px;
}
#menu li
{
float : left;
border-right:1px solid #fff;
background-color:#999999;
border-radius:2px;
}
html>body #menu li
{
border-right: 1px solid transparent ;
}
#menu li ul
{
position: absolute;
width: 144px;
left: -999em;
}
#menu li ul li
{
border-top : 1px solid #FFFFFF;
}
html>body #menu li ul li
{
border-top : 1px solid transparent;
}
#menu li ul ul
{
margin : -22px 0 0 144px ;
border-left : 1px solid #fff ;
}
html>body #menu li ul ul
{
border-left : 1px solid transparent ;
}
#menu a:hover
{
color: #FFF;
background: #A9A9A9;
}
#menu li:hover ul ul, #menu li.sfhover ul ul
{
left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul
{
left: auto;
min-height: 0;
}
Voilà...
