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 :

Mettre un margin après une ancre


Sujet :

CSS

  1. #1
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2014
    Messages
    78
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2014
    Messages : 78
    Points : 41
    Points
    41
    Par défaut Mettre un margin après une ancre
    Bonjour,

    J'ai un petit soucis, je m'explique:

    Sur une page web (un simple cv), j'ai mis un "bandeau" en haut de ma page, en position fixed. Du coup, pour que la première rubrique de mon CV ne soit pas à moitié en dessous de mon bandeau, j'ai mis a celui-ci une margin-top... Ca fonctionne!



    Le soucis est que maintenant, dans ce même bandeau, j'ai créer un menu qui redirige vers la rubrique choisi

    Code html : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    <li><a href="#mesInfos">Infos Personelles</a></li>
    <li><a href="#experiences">Expériences</a></li>
    <li><a href="#formation"> Formation</a></li>

    chacune des rubriques choisit se retrouve "cacher" sous le bandeau qui est en position fixed.

    Comment puis-je faire pour dire "je veux ancrer vers tel div mais lorsqu'on m'y redirige, il y ai une margin-top de 100px" ??

    et le tout uniquement en CSS et HTML ...

    J’espère avoir été assez clair dans mon explication Merci



    A+

  2. #2
    Membre éclairé
    Homme Profil pro
    Retraité informatique
    Inscrit en
    Juin 2012
    Messages
    519
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Yvelines (Île de France)

    Informations professionnelles :
    Activité : Retraité informatique
    Secteur : High Tech - Matériel informatique

    Informations forums :
    Inscription : Juin 2012
    Messages : 519
    Points : 705
    Points
    705
    Par défaut
    Ben non pas très clair. Un petit sample complet avec le css et le code html serait bienvenüe.
    parce que un menu avec juste des <li> et sans css dur dur de suivre ...

  3. #3
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Avril 2014
    Messages
    78
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Isère (Rhône Alpes)

    Informations professionnelles :
    Activité : Étudiant

    Informations forums :
    Inscription : Avril 2014
    Messages : 78
    Points : 41
    Points
    41
    Par défaut
    Jai resolu mon probleme en mettant mon bandeau fixed en haut, puis en mettant tout le reste de mon cv dans une div qui est elle meme en position:fixed et où top = height de mon bandeau. J'ajoutes la directive overflow:auto est c'est parfait

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

Discussions similaires

  1. Mettre un margin dans une classe
    Par macarius2 dans le forum Android
    Réponses: 2
    Dernier message: 17/06/2011, 12h30
  2. Mettre en forme un fichier Excel après une requête
    Par Tofalu dans le forum Contribuez
    Réponses: 0
    Dernier message: 29/12/2010, 22h18
  3. [MySQL] Mettre à jour une donnée d'après une date
    Par padodanle51 dans le forum PHP & Base de données
    Réponses: 7
    Dernier message: 08/06/2009, 11h48
  4. Redirection vers une ancre après un submit?
    Par Maxol dans le forum Général JavaScript
    Réponses: 9
    Dernier message: 22/04/2009, 08h48
  5. Mettre un intitulé sur une ancre
    Par Solly dans le forum Dreamweaver
    Réponses: 1
    Dernier message: 09/07/2008, 18h01

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