IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Z-index et liens


Sujet :

Positionnement en CSS avec z-index

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre à l'essai
    Femme Profil pro
    Inscrit en
    Août 2013
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : Août 2013
    Messages : 6
    Par défaut Z-index et liens
    Bonjour à tous,

    Un peu perdue j'espère que vous pourrez me venir en aide !

    J'ai un souci avec mon menu.

    Déjà voici mon site : http://terres-de-guadeloupe.com

    Comme vous le constatez si vous cliquez sur un élément du menu, lorsque vous scrollez, ma page passe derrière mon menu.
    Je souhaitez en fait qu'elle passe devant, mais que la barre du menu reste fixe pour qu'on puisse toujours voir le logo.
    J'y arrive en modifiant mon z-index, mais du coup à chaque fois qu'une page passe devant le menu, les liens deviennent inactifs.

    Auriez-vous une solution ?
    Merci d'avance

  2. #2
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    Bonjour et bienvenue,

    Citation Envoyé par jgtdg
    lorsque vous scrollez, ma page passe derrière mon menu.
    j'ai pas compris votre problème...

  3. #3
    Membre à l'essai
    Femme Profil pro
    Inscrit en
    Août 2013
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : Août 2013
    Messages : 6
    Par défaut
    Par exemple cette page :
    http://terres-de-guadeloupe.com/deco...de-guadeloupe/

    Quand vous scrollez, mon menu reste fixe et devant le contenu.
    Je souhaiterais que la page de contenu passe devant le menu mais qu'elle reste quand même fixe pour qu'on puisse toujours voir le logo.
    J'espère avoir été plus claire

  4. #4
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    ok vu.

    Par page fixe vous voulez-dire qu'elle ne soit pas scrollable ?

    Et voulez-vous que votre page passe devant le menu ? Si oui c'est pas très bon/beau ça !

    Je comprends un peu mieux ce que vous souhaitez mais attends des précisions avant de bien répondre à votre problème.

  5. #5
    Membre à l'essai
    Femme Profil pro
    Inscrit en
    Août 2013
    Messages
    6
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : Août 2013
    Messages : 6
    Par défaut
    Désolé je me suis encore mal exprimée

    Je souhaiterais que la barre de menu soit fixe, pour que ça fasse comme ceci :
    http://terres-de-guadeloupe.com/images/exemple.jpg



    Après le menu n'est pas obligé de suivre le scrolling, mais même lorsque j'effectue la modif, c'est-à-dire que je change mon "position: fixed;" en "position: absolute;", mais liens du menu se désactivent et ne sont donc plus cliquables :s

  6. #6
    Membre Expert
    Avatar de rodolphebrd
    Homme Profil pro
    Indépendant
    Inscrit en
    Novembre 2012
    Messages
    2 336
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Indépendant
    Secteur : Conseil

    Informations forums :
    Inscription : Novembre 2012
    Messages : 2 336
    Par défaut
    #masthead --> enlever z-index.
    .incasing--> ajouter position:relative;.

    Il y a beaucoup d'incohérences dans votre code en général...

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [HTML] Syteme d'exploration dans un index de liens html
    Par Drozo dans le forum Balisage (X)HTML et validation W3C
    Réponses: 2
    Dernier message: 27/07/2006, 15h54

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo