Petit bug

Petit bug [Réglé]

skdx Membre non connecté

Booster Bazooka

Le 03/07/2012 à 22h13

Booster Bazooka
Voir le profil du membre skdx
Inscrit le : 07/08/2009

Bonjour tout le monde,

Je sollicite votre aide pour un petit bug que je n'arrive pas à résoudre, je m'explique, en fait j'ai développé un menu en css jquery et lorsque je déroule une catégorie, elle se déroule derrière la barre de connexion.

J'aimerais qu'elle se déroule toujours au dessus, voici un petit screen :

bug

www.wataku.net (actuellement en construction, ouvert exceptionnellement pour le topic)

Merci de votre aide

Édité par skdx Le 03/07/2012 à 23h05

Never look back again

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 03/07/2012 à 22h46

#116311

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

Pour que cela passe devant, il faut ajouter un

Code CSS :

z-index:1;

dans ton fichier css

Est-ce que cela règle ton problème ?

ElenWii

Édité par ElenWii Le 03/07/2012 à 22h47

skdx Membre non connecté

Booster Bazooka

Le 03/07/2012 à 22h55

#116312

Booster Bazooka
Voir le profil du membre skdx
Inscrit le : 07/08/2009

J'ai ajouté le z-index dans le css du menu mais sans succès

Never look back again

ReidLos Membre non connecté

Equipe Développement Modérateur

Le 03/07/2012 à 22h57

#116313

Modérateur
Voir le profil du membre ReidLos
Inscrit le : 27/02/2009
Site internet
Groupes :
Equipe Développement

Mets une valeur plus élevée du type 1100

ElenWii Membre non connecté

Equipe Graphique Administrateur

Le 03/07/2012 à 23h00

#116315

Administrateur
Voir le profil du membre ElenWii
Inscrit le : 14/08/2009
Site internet
Groupes :
Equipe Graphique

le z-index:1; doit suffire normalement.

Je pense que tu ne l'as pas mis au bonne endroit.

Code CSS :

ul.topnav li ul.subnav {
  background-color:#6F0019;
  background-position:initial initial;
  background-repeat:initial initial;
  border:1px solid #FFFFFF;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  display:none;
  float:left;
  left:0;
  list-style:none;
  margin:0;
  padding:0;
  position:absolute;
  top:40px;
  width:170px;
  z-index:1;
}