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 :

Menu déroulant qui déplace le contenu (tuto Developpez.net)


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Avatar de Jarodd
    Profil pro
    Inscrit en
    Août 2005
    Messages
    852
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 852
    Par défaut Menu déroulant qui déplace le contenu (tuto Developpez.net)
    Bonjour,

    Je suis en train de regarder ce tuto, qui donne ce résultat. Ca a l'air de très bien fonctionner.

    Seulement j'ai essayer chez moi. A la place de l'image de fond, j'ai mis un paragraphe de texte. Et là cela ne fonctionne plus : le menu déroulé "pousse" le texte vers la droite. Je n'ai fait un copier-coller des sources du tuto, sans rien changer. J'ai essayé avec un z-index, mais cela n'a rien changé.

    Savez-vous comment palier à ce problème ? C'est exactement ce qu'il me faut mais sans que le texte bouge

    Merci d'avance !

  2. #2
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    Bonjour,

    Sans voir ton code, difficile de te donner des conseils appropriés.

    Tu peux toujours essayer ça :

    - ajouter une hauteur sur #menuDeroulant,
    - mettre les sous-menus en position absolue,

    Code css : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    #menuDeroulant {
    heigh: **px;
    }
     
    #menuDeroulant .sousMenu {
    position:absolute;
    }

    Si ça ne fonctionne pas, merci de nous donner ton code HTML/CSS, ou nous indiquer l'URL d'une page en ligne.


  3. #3
    Membre éclairé
    Avatar de Jarodd
    Profil pro
    Inscrit en
    Août 2005
    Messages
    852
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 852
    Par défaut
    Oki merci je vais essayer ça. Pour le code, il est déjà en ligne avec le lien que j'ai donné (j'ai pas modifié une seule ligne, je n'ai juste pas affiché l'image)

  4. #4
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    Autant pour moi, j'ai cru que le second lien correspondait au tuto.

  5. #5
    Membre éclairé
    Avatar de Jarodd
    Profil pro
    Inscrit en
    Août 2005
    Messages
    852
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 852
    Par défaut
    Merci bcp c_s_s il fallait bien un position:absolute;


  6. #6
    Membre éclairé
    Avatar de Jarodd
    Profil pro
    Inscrit en
    Août 2005
    Messages
    852
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Août 2005
    Messages : 852
    Par défaut
    Bonjour,

    Je remonte le sujet, car j'ai besoin d'intégrer un "sous-sous-menu" mais en ajoutant une classe css rien ne s'affiche. Est-ce possible de le faire, si possible en l'ouvrant vers la droite ?

Discussions similaires

  1. Menu déroulant qui décale le contenu
    Par apt dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 21/05/2011, 20h02
  2. Menu déroulant qui déplace le texte qui devrait resté caché en dessous
    Par Pierre Fauconnier dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 09/02/2009, 16h01
  3. Menu déroulant qui ne s'enroule plus
    Par lid dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 26/08/2006, 02h07
  4. [Mail] menu déroulant qui ne se dérouleplus...
    Par sam01 dans le forum Langage
    Réponses: 7
    Dernier message: 28/02/2006, 10h40
  5. Menu déroulant qui modifie du texte
    Par oxa dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 18/11/2005, 10h20

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