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 non conforme sur Chrome


Sujet :

CSS

  1. #1
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2006
    Messages
    985
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2006
    Messages : 985
    Points : 460
    Points
    460
    Par défaut Menu non conforme sur Chrome
    Bonjour,

    En allant sur ce site http://livizadevelopmentafrica.com/, sur firefox le menu est bien déroulant verticalement par contre sur Chrome tout change. Où se trouve le souci ?

    Qu'en pensez vous sur les styles des caractères ?

    Merci d'avance...

  2. #2
    Expert confirmé
    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
    Points : 5 443
    Points
    5 443
    Par défaut
    Bonjour,

    A priori en testant sur Chrome le résultat est logique puisque vous appliquez une classe identique pour les UL de 1er et 2e niveaux:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .sf-menu > li {
          float: left;
    }
    Donc tous les LI flottent à gauche.

    La solution est d'appliquer une classe différente pour les UL de 1er niveau, par exemple first-level :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    .first-level li {
          float: left;
    }
    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    <ul class="sf-menu sf-js-enabled sf-arrows first-level">

  3. #3
    Membre confirmé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juillet 2006
    Messages
    985
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Cameroun

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Administration - Collectivité locale

    Informations forums :
    Inscription : Juillet 2006
    Messages : 985
    Points : 460
    Points
    460
    Par défaut
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    ul.sf-menu li li {float: none;}


    Qu'en pensez vous des styles des caractères de ce site ?

    merci d'avance...

  4. #4
    Expert confirmé
    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
    Points : 5 443
    Points
    5 443
    Par défaut
    Ce n'est pas très correct de faire flotter d'un côté pour annuler ce flottement de l'autre, d'où m'a solution initiale.

    Concernant la critique de votre site vous pouvez poster votre question dans cette rubrique : http://www.developpez.net/forums/f13...-web/mon-site/

  5. #5
    Expert confirmé
    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
    Points : 5 443
    Points
    5 443
    Par défaut
    N'oubliez pas le bouton résolu

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

Discussions similaires

  1. Réponses: 0
    Dernier message: 18/03/2014, 14h49
  2. Affichage non conforme sur netscape navigator 9
    Par vincent16 dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 11/02/2014, 18h20
  3. menu horizontal déroulant sur clic et non rollover
    Par laurentSc dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 17/11/2013, 22h53
  4. Evènement click sur item menu non déclenché
    Par clem_alain dans le forum ASP.NET
    Réponses: 0
    Dernier message: 06/04/2013, 14h58
  5. image non trouvée sur Firefox & chrome
    Par HeB91 dans le forum Général Dotnet
    Réponses: 0
    Dernier message: 04/01/2013, 12h54

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