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 :

Placement du menu en haut de page [CSS 2.1]


Sujet :

Positionnement en CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Futur Membre du Club
    Femme Profil pro
    Inscrit en
    Juin 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : Juin 2012
    Messages : 3
    Par défaut Placement du menu en haut de page
    Bonjour,

    Dans mon code html, pour des motifs de référencement, je souhaiterais d'abord commencer par écrire le contenu et ensuite afficher le menu tout en haut de la page. J'ai pu le faire grâce au positionnement absolu (top et left à 0). Le problème est que du fait de position: absolute, le menu reste à la même place si je zoome. Je souhaiterais que le menu se déplace avec le reste de la page si je zoome.
    J'espère avoir été claire.
    Merci par avance pour votre aide.

  2. #2
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2012
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Tourisme - Loisirs

    Informations forums :
    Inscription : Janvier 2012
    Messages : 93
    Par défaut
    Salut gite-tigoudoul,

    En faite pour moi j'ai lu *^*$^*£// ->LOL.

    Je suis un peut méchant sur ce coup la mais j'ai pas vraiment compris, tu veux dire quoi par quand tu zoom ??

    D'autre part pour le référencement tu met ton menu en dessous de ton contenu et tu t'amuse à le replacé ? Arrêté moi si je me trompe mais pour moi niveau référencement ça ne change rien par rapport à menu et ensuite le contenu.

  3. #3
    Rédacteur

    Avatar de Torgar
    Homme Profil pro
    Développeur Web
    Inscrit en
    Août 2007
    Messages
    2 334
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Hérault (Languedoc Roussillon)

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Août 2007
    Messages : 2 334
    Par défaut
    Salut,

    Montre nous ton code s'il te plait. Nous serons plus à même de t'aider.

    Je pense que le zoom dont elle parle est le Contrôle + molette.
    Je ne suis pas schizophrène, nous sommes unanime !!!

    ► Pensez à la balise code et au CODE HTML GENERE !!!!
    ► Au si c'est le cas et au à ceux qui vous ont aidé.
    Vous souhaitez participer aux rubriques CSS et (X)HTML ? Contactez-nous !

    Créer des colonnes de même hauteur en CSS
    Glossaire CSS
    Les bordures en CSS3
    Les transitions en CSS3

  4. #4
    Membre éprouvé
    Homme Profil pro
    Développeur Web
    Inscrit en
    Janvier 2012
    Messages
    93
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 35
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Tourisme - Loisirs

    Informations forums :
    Inscription : Janvier 2012
    Messages : 93
    Par défaut
    C'est ce que je me dis aussi mais pourquoi faire un ctrl + molette (ou +) sur un site

  5. #5
    Futur Membre du Club
    Femme Profil pro
    Inscrit en
    Juin 2012
    Messages
    3
    Détails du profil
    Informations personnelles :
    Sexe : Femme
    Localisation : France

    Informations forums :
    Inscription : Juin 2012
    Messages : 3
    Par défaut précisions
    Voici plus d'explications (plus claires j'espère) : je souhaiterais que googlebot lise le contenu du header qui contient le bloc chapo avant le contenu du menu.
    Je pensais donc dans mon source écrire d'abord le chapo. Ensuite j'écris le menu et je le place au-dessus du chapo (ce que je ne vois pas comment faire).
    Par zoom j'entends <ctrl>+ ou - (sous firefox). Je possède un netbook (petit écran) et parfois je diminue le zoom pour avoir une meilleure visibilité du site que je consulte.
    Pour le code mon site est en ligne sur www.gite-bretagne-tigoudoul.fr.
    Merci.
    Cordialement.

  6. #6
    Membre extrêmement actif
    Avatar de Muchos
    Homme Profil pro
    Enseignant
    Inscrit en
    Décembre 2011
    Messages
    1 704
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Ardennes (Champagne Ardenne)

    Informations professionnelles :
    Activité : Enseignant
    Secteur : Arts - Culture

    Informations forums :
    Inscription : Décembre 2011
    Messages : 1 704
    Billets dans le blog
    6
    Par défaut
    @mcoutant
    En faite pour moi j'ai lu *^*$^*£// ->LOL.
    Bizarre. Ça m'a semblé clair…

    C'est ce que je me dis aussi mais pourquoi faire un ctrl + molette (ou +) sur un site
    Ça s'appelle zoomer. Rien d'exceptionnel…

    D'autre part pour le référencement tu met ton menu en dessous de ton contenu et tu t'amuse à le replacé ? Arrêté moi si je me trompe mais pour moi niveau référencement ça ne change rien par rapport à menu et ensuite le contenu.
    Le contenu sera lu avant le menu puisque c'est ainsi qu'il est dans le code html.
    Néanmoins, vous avez raison sur ce point : ça ne changera rien au référencement.

    … Et justement :
    @gite-tigoudoul
    Dans mon code html, pour des motifs de référencement, je souhaiterais d'abord commencer par écrire le contenu et ensuite afficher le menu tout en haut de la page.
    Vous ne devez pas penser comme ça. Votre html doit être bien structuré. D'ailleurs, votre site est en html5 mais vous n'utilisez pas le bon balisage. Si vous faisiez :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
     
    <body>
      <header>
        MON MENU
      </header>
     
      <article>
        MON CONTENU
      </article>
     
      <footer>
        MON PIED DE PAGE
      </footer>
    </body>
    Les robots des moteurs comprendraient bien que le contenu de <article> est ce qu'il importe de référencer. Ça sert justement à ça, le balisage sémantique

    PS: il y a beaucoup d'erreurs sur votre page !

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

Discussions similaires

  1. Comment fixer un menu en haut de la page
    Par work center dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 24/01/2012, 21h05
  2. menu retour indésirable en haut de page
    Par alen22 dans le forum jQuery
    Réponses: 16
    Dernier message: 22/04/2011, 23h09
  3. ancre : haut de page derrier mon menu
    Par fred_hot dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 01/07/2008, 09h12
  4. Menu flash et haut de page
    Par fidelio2 dans le forum Flash
    Réponses: 1
    Dernier message: 04/09/2007, 13h14
  5. bloquer un tableau menu en haut a gauche
    Par totoranky dans le forum Balisage (X)HTML et validation W3C
    Réponses: 3
    Dernier message: 05/10/2004, 01h07

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