H5BP4J - Simple responsive

[maanju]

Bonjour,

Voila mon souci.
J'ai utilisé ce template basique sur lequel je suis rentré ds CSS pour le personnaliser.
J' ai modifié le menu pour qu'il soit en ligne et j'ai crée un sous menu deroulant.
Voici mon code :
/* =============MENU PRINCIPALE===========================*/

.menuprincipale, ul {
border-bottom: 1px solid #9A856A;
border-top: 1px solid #9A856A;
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}
.menuprincipale, li {
float:left;
margin:auto;
padding:0;
}

.menuprincipale li a {
font-family: 'caviar_dreamsregular';
display:block;
width:100px;
color:#9A856A;
text-decoration:none;
padding:5px;
}

.menuprincipale li a:hover {
font-weight:bold;
}

.item-119,.item-120,.item-122,.item-123,.item-124,.item-125,.item-127,.item-128,.item-129,.item-130,.item-131,.item-132,.item-113,.item-114,.item-115 {
display:none;
}

.menuprincipale ul li:hover ul {
display:block;
}
.menuprincipale li:hover ul li {
float:none;
}
.item-119,.item-120,.item-122,.item-123,.item-124,.item-125,.item-127,.item-128,.item-129,.item-130,.item-131,.item-132,.item-113,.item-114,.item-115 {
float:none;
display:block;
}

.menuprincipale li ul {
position:absolute;
}



le souci c'est qu'il apparait au clic et non pas au survol et en plus une fois déroulé il reste fixe...

Qu'ai je loupé !

Que dois faire ?

Merci pour vos suggestions car je tourne et retourne et je ne comprends vraiment pas...

[fyleos]

Re : H5BP4J - Simple responsive

Bonjour,

Pour une analyse précise du problème, un lien du site est un grand plus.

[maanju]

Re : H5BP4J - Simple responsive

Bien sur ! voilà :

http://www.harmonie-et-bienetre.fr/

[zouzoubida]

Re : H5BP4J - Simple responsive

Essaie de remplacer les deux déclarations par une seule :

item-119,.item-120,.item-122,.item-123,.item-124,.item-125,.item-127,.item-128,.item-129,.item-130,.item-131,.item-132,.item-113,.item-114,.item-115 {

Float:none;
display:none;

}

Ou :

item-119,.item-120,.item-122,.item-123,.item-124,.item-125,.item-127,.item-128,.item-129,.item-130,.item-131,.item-132,.item-113,.item-114,.item-115 {


Float:none;
display:block;

}

Good Luck.


Envoyé de mon iPad à l'aide de Forum Joomla.fr