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 :

margin-top sur Sticky header


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Homme Profil pro
    Étudiant
    Inscrit en
    Juillet 2014
    Messages
    53
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 34
    Localisation : Sénégal

    Informations professionnelles :
    Activité : Étudiant
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juillet 2014
    Messages : 53
    Par défaut margin-top sur Sticky header
    Bonjour,
    Je cherche depuis plusieurs heures une solution à mon problème sans succès, donc j'espère bien trouver une réponse su le forum. Je suis entrain de faire un site wordpress. Vous pouvez y acceder à l'adresse http://p3.jokalante.com/
    J'ai un problème avec le menu principal. Lorsqu'on arrive sur la page tout est ok, mais il suffit de descendre un peu en bas et ensuite de remonter un peu en haut pour revoir le menu principal en haut du site (sticky header). Par contre, là le margin que j'avais fait sur le menu (margin-top: 30px ne doit plus etre valable et doit etre remplacer par margin-top qui est egal à 10px

    Vous comprendrez mieux ma requête si vous visitez le site. Et voici le code css ou j'ai appliqué le margin:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
     
    .slz-change-color .slz-menu-wrapper > li:hover > a, .slz-change-color .slz-menu-wrapper .current-menu-item > a {  
        background: #0000ff;
        color: #fff;
        border-radius: 4px;
        padding-bottom: 3px;
        padding-top: 3px;
        padding-left: 3px;
        padding-right: 3px;
        line-height: 35px;
        margin-top: 30px;
    }
    Merci d'avance!

  2. #2
    Membre confirmé
    Avatar de friendofweb
    Homme Profil pro
    Amateur en informatique
    Inscrit en
    Mai 2015
    Messages
    153
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations professionnelles :
    Activité : Amateur en informatique
    Secteur : Santé

    Informations forums :
    Inscription : Mai 2015
    Messages : 153
    Par défaut
    Bonjour,

    Quel est le souci exactement ?
    Pour info, principe de base :

    Pour obtenir de l'aide, les membres du forum ont besoin :

    • d'un code source html (complet)
    • d'un code source css (complet)


    Pour obtenir ceux-ci, bouton droit de la souris, afficher le code source ou F12.

    Cordialement,

Discussions similaires

  1. problème margin -left avec IE
    Par yerom dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 21/09/2009, 07h15
  2. [HTML] problème avec margin-top
    Par bard123 dans le forum Balisage (X)HTML et validation W3C
    Réponses: 8
    Dernier message: 10/04/2008, 16h47
  3. Réponses: 1
    Dernier message: 24/12/2006, 00h09
  4. [PHP-JS] Problème de redirection avec header
    Par pierrot10 dans le forum Langage
    Réponses: 6
    Dernier message: 02/09/2006, 18h01
  5. [Dates] Problème avec la fonction header
    Par d.w.d dans le forum Langage
    Réponses: 2
    Dernier message: 06/09/2005, 16h33

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