Fork me on GitHub






squale
Barre de menu et z-index
#1
Régulier
Inscrit: 23/06/2004 17:28
Messages: 311
Salut tous,

je pensais en avoir terminé avec ma barre de menu (ancien post ici ) mais finalement j'ai un pb de calque

Sur CETTE PAGE par exemple, l'image de l'article passe par dessus mon menu lorsque ce dernier est déroulé.

Je sais bien qu'il faut utiliser une balise du type
z-index/code]
Mais je ne sais pas où la placer.
Je pensais la coller dans mon fichier menu_orange.css qui correspond à mon menu comme ci-dessous mais ça ne fonctionne pas

[code]body, ul, li {font-size:14px; font-family:Arial, Helvetica, sans-serif;line-height:21px;text-align:left;}


#menu {list-style:none;width:928px;margin:0px auto 0px auto;height:43px;padding:0px 20px 0px 20px;
    /* Rounded Corners */
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
        z-index : 900


    /* Background color and gradients */
    background: #ff6600;
...


pourriez-vous n'aider à intégrer cette balise au bon endroit SVP?

On peut voir le pb sur le site ici : http://netbio.fr/modules/news/

Merci

Posté le : 21/06/2016 11:51
Partager Twitter Partagez cette article sur GG+
Rapport Haut
JJDai
Re: Barre de menu et z-index
#2
Team FrXoops
Inscrit: 14/05/2004 22:32
Messages: 2554
Bonjour,
elle me parait bien placée sauf qu'il manque un ";"
Citation :
z-index : 900 ;

Toute ligne dans un CSS doit se finir par un ";" même la dernière c'est préférable.

Si l'image passe devant est-ce que cette dernière n'aurait pas un z-index supérieur par hasard ou serait dans un conteneur qui aurait un z-index supérieur, l'ancre par exemple.
essai avec une valeur plus importante 9999 par exemple.

Une analyse de la page montre un certain nombre d'anomalie
exemple:
Citation :
<link rel="stylesheet" href="/themes/affilizine_orange2/css/menu_orange.css"" type="text/css" media="screen" />

2 double cote apres le nom du CSS.

Dans firefox un peti "ctrl-U" et toutes les les lignes en rouge sont à vérifier.
exe 2
Citation :
<a href='http://netbio.fr/modules/news/article ... =1'title="Titre de l'article">

Ici il manque un espace avant "title"

et ici
Citation :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

On trouve 2 fois cette ligne, elle ne devrait être qu'une seule fois et début de la page.

JJDai

Posté le : 21/06/2016 12:19

Ne pas perdre patience, même si cela semble impossible, c'est déjà de la patience.
Origami
Conseil des Sages
Sur gitHub
Partager Twitter Partagez cette article sur GG+
Rapport Haut
squale
Re: Barre de menu et z-index
#3
Régulier
Inscrit: 23/06/2004 17:28
Messages: 311
Merci JJDai,

j'avais effectivement pas fermé ma ligne.
Je viens de le faire et j'ai monté la valeur à :

z-index : 900 ;


hé bien pareil

j'ai également corrigé les double " dans mon globalnav du coup.

Mais mon soucis est tj présent

Posté le : 21/06/2016 14:17
Partager Twitter Partagez cette article sur GG+
Rapport Haut
Cesagonchu
Re: Barre de menu et z-index
#4
Admin Frxoops
Inscrit: 16/03/2009 16:40
De Tende (06)
Messages: 3528
Pour que les changements de thème soient pris en compte, il faut aller dans modules -> système -> préférences, puis paramètres généraux et cocher "oui" à la ligne "Consultez les modèles pour des modifications ?".

Vider les caches du navigateur et de Xoops, mettre à jour le Système et les modules fréquemment, ça peut aussi aider.

Posté le : 21/06/2016 14:30

Open in new window

Xoopseuse Mai 2012 | Responsable équipe internationale | Recherche avancée en bas de page !
Partager Twitter Partagez cette article sur GG+
Rapport Haut
squale
Re: Barre de menu et z-index
#5
Régulier
Inscrit: 23/06/2004 17:28
Messages: 311
Merci Cesagonchu,

j'ai bien fait tout cela oui.

par contre, je m'aperçoit que ma barre de menu est bleu sous firefox, et non pas orange comme avec safari, explorer ou chrome !!?
Encore un truc à regarder du coup

[EDIT] Le fond bleu est corrigé !

Je pense que mon z-index n'est pas situé au bon endroit finalement, non?

Posté le : 21/06/2016 14:44
Partager Twitter Partagez cette article sur GG+
Rapport Haut
squale
Re: Barre de menu et z-index
#6
Régulier
Inscrit: 23/06/2004 17:28
Messages: 311
Bon, finalement j'ai trouvé mon soucis.

Ma balise z-index était à la racine du menu (au niveau de ma barre orange), il m'a fallu la déplacé au niveau de la partie que se déroule en gris clair.

#menu li {float:left;display:block;text-align:center;position:relative;padding: 4px 10px 4px 10px;margin-right:30px;margin-top:7px;border:none;}
#menu li:hover {border: 1px solid #777777;padding: 4px 9px 4px 9px;    
    /* Background color and gradients */
    background: #F4F4F4;
    background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
    z-index : 9000;
    /* Rounded corners */
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;


Merci à tous pour votre aide.

Posté le : 21/06/2016 15:35
Partager Twitter Partagez cette article sur GG+
Rapport Haut
JJDai
Re: Barre de menu et z-index
#7
Team FrXoops
Inscrit: 14/05/2004 22:32
Messages: 2554
Avant de chercher pourquoi il faut à mon avis corriger toutes les anomalies pour être sur que cela n'a pas d'impact sur le comportement de la page, et il y en a encore pas mal:

- Il y a deux jeux de balise <head></head>
- Il y a deux jeux de balise <body></body> imbriquées
- une balise dans une autre : <p class="black_box"<br />
- une balise </p> mal placée à mon avis "</form></p>"
- manque un espace avant "title" à deux endroits: <a href='http://netbio.fr/modules/news/article ... 'title="article 2">
etc...
JJDai


Posté le : 21/06/2016 15:42

Ne pas perdre patience, même si cela semble impossible, c'est déjà de la patience.
Origami
Conseil des Sages
Sur gitHub
Partager Twitter Partagez cette article sur GG+
Rapport Haut
JJDai
Re: Barre de menu et z-index
#8
Team FrXoops
Inscrit: 14/05/2004 22:32
Messages: 2554
Au temps pour moi j'ai vu le dernier message trop tard,
Mais il n'en reste pas moins que je conseil de vérifier les lignes douteuses.
JJDai

Posté le : 21/06/2016 15:44

Ne pas perdre patience, même si cela semble impossible, c'est déjà de la patience.
Origami
Conseil des Sages
Sur gitHub
Partager Twitter Partagez cette article sur GG+
Rapport Haut
squale
Re: Barre de menu et z-index
#9
Régulier
Inscrit: 23/06/2004 17:28
Messages: 311
oui, je vais regarder tout cela de plus prêt maintenant que j'ai corrigé mon pb principal.

Merci encore

Posté le : 21/06/2016 15:50
Partager Twitter Partagez cette article sur GG+
Rapport Haut

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

208 Personne(s) en ligne (192 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 208 | Plus ...