Centrer le menu du haut ? [résolu]
3 participants
Page 1 sur 1
Centrer le menu du haut ? [résolu]
Bonjour.
J'aimerais savoir s'il est possible de centrer le menu du haut...
(oui, j'ai cherché un peu partout mais je n'ai pas trouvé comment faire).
Comme un dessin vaut mieux que dix discours, voilà un snapshot :
J'ai un peu de mal avec le css, mais je suppose que je devrais y arriver ?
Merci beaucoup de vos conseils !
J'aimerais savoir s'il est possible de centrer le menu du haut...
(oui, j'ai cherché un peu partout mais je n'ai pas trouvé comment faire).
Comme un dessin vaut mieux que dix discours, voilà un snapshot :
J'ai un peu de mal avec le css, mais je suppose que je devrais y arriver ?
Merci beaucoup de vos conseils !
Dernière édition par TigerLily le Lun 17 Nov 2014 - 13:19, édité 1 fois
Re: Centrer le menu du haut ? [résolu]
Bonjour Sympa votre blog !
Essayez ça :
.navigation-colors {padding:0px!important; text-align: center !important;}
Essayez ça :
.navigation-colors {padding:0px!important; text-align: center !important;}
Re: Centrer le menu du haut ? [résolu]
Bonjour, Fred, merci d'avoir répondu.
Alors, j'ai supposé que la formule se mettait dans "Modifier le head", ce que j'ai fait. Mais ça n'a rien donné. (et ça s'est éffacé juste après l'enregistrement).
Dites-moi si j'ai mal compris ?...
Ps. Pas mal le vôtre non plus !...
Alors, j'ai supposé que la formule se mettait dans "Modifier le head", ce que j'ai fait. Mais ça n'a rien donné. (et ça s'est éffacé juste après l'enregistrement).
Dites-moi si j'ai mal compris ?...
Ps. Pas mal le vôtre non plus !...
Re: Centrer le menu du haut ? [résolu]
Bonjour de nouveau !
Bon. Alors.
Ma mémé avait un excellent proverbe : "Le renard qui attend que la poule tombe reste affamé". Voyant bien que j'avais dû louper quelque chose, j'ai cherché toute seule.
J'ai utilisé les "outils de développement web", sur Firefox (j'utilise Firefox), et j'ai "examiné l'élément" : en l'occurence, la barre de navigation. Effectivement, là, il y avait bien une ligne "navigation-colors", comme l'indique FredVig.
Par contre, je n'ai quasiment jamais utilisé cet outil ; et comme je l'ai dit plus haut, j'ai du mal avec le css (je n'y connais pas grand chose, en fait). Donc j'avais un peu les chocottes de bidouiller.
Mais j'ai quand même réussi à coller le "{padding:0px!important; text-align: center !important;}". J'espère l'avoir collé où il fallait, en tout cas le résultat s'est montré : la barre de navigation avec les onglets s'est légèrement décalée vers la droite.
Je vous reposte un snapshot : http://www.cjoint.com/14nv/DKrlO3VYS3J_capture_lbds.png
On voit bien que le menu de navigation est centré... ...par rapport à cette zone bleutée : div.navigation-colors | 1265 x 50.
J'en déduis que 1265, c'est la largeur de la zone bleutée.
- Pourquoi y a-t-il une "bande" latérale à droite ? (chapeautée par une zone verte) et qu'est-ce que c'est ?
- Comment faire pour centrer le menu sur la largeur totale de la page ?
- Est-ce qu'utiliser l'outil de développement de Firefox (équivalent à Firebug ?) peut nuire aux paramètres Jimdo ? (ou est-ce qu'il vaut mieux travailler dans la rubrique "design personnel" de l'Interface Design ?).
Merci d'avoir la gentillesse de m'aider... Je vous souhaite une bonne journée !
Bon. Alors.
Ma mémé avait un excellent proverbe : "Le renard qui attend que la poule tombe reste affamé". Voyant bien que j'avais dû louper quelque chose, j'ai cherché toute seule.
J'ai utilisé les "outils de développement web", sur Firefox (j'utilise Firefox), et j'ai "examiné l'élément" : en l'occurence, la barre de navigation. Effectivement, là, il y avait bien une ligne "navigation-colors", comme l'indique FredVig.
Par contre, je n'ai quasiment jamais utilisé cet outil ; et comme je l'ai dit plus haut, j'ai du mal avec le css (je n'y connais pas grand chose, en fait). Donc j'avais un peu les chocottes de bidouiller.
Mais j'ai quand même réussi à coller le "{padding:0px!important; text-align: center !important;}". J'espère l'avoir collé où il fallait, en tout cas le résultat s'est montré : la barre de navigation avec les onglets s'est légèrement décalée vers la droite.
Je vous reposte un snapshot : http://www.cjoint.com/14nv/DKrlO3VYS3J_capture_lbds.png
On voit bien que le menu de navigation est centré... ...par rapport à cette zone bleutée : div.navigation-colors | 1265 x 50.
J'en déduis que 1265, c'est la largeur de la zone bleutée.
- Pourquoi y a-t-il une "bande" latérale à droite ? (chapeautée par une zone verte) et qu'est-ce que c'est ?
- Comment faire pour centrer le menu sur la largeur totale de la page ?
- Est-ce qu'utiliser l'outil de développement de Firefox (équivalent à Firebug ?) peut nuire aux paramètres Jimdo ? (ou est-ce qu'il vaut mieux travailler dans la rubrique "design personnel" de l'Interface Design ?).
Merci d'avoir la gentillesse de m'aider... Je vous souhaite une bonne journée !
Re: Centrer le menu du haut ? [résolu]
Vous aviez bien supposé ! De mon côté, j'avais supposé que vous connaissiez la fonction "modifier le head", car vous avez des css commentées dans votre site.Alors, j'ai supposé que la formule se mettait dans "Modifier le head", ce que j'ai fait. Mais ça n'a rien donné. Neutral (et ça s'est éffacé juste après l'enregistrement).
Il suffit d'ajouter les signes qui encadrent la modification, afin de créer une feuille de style. Recommencez la manip ainsi :
- Code:
<style type="text/css">
/*<![CDATA[*/
.navigation-colors {padding:0px!important; text-align: center !important;}
/*]]>*/
</style>
Et les mamies ont de très bon proverbes !
Concernant l'outil de développement WEB de firefox ou Chrome, il permet de faire des diagnostics sur un site, (le modifier, l'observer, l'étudier, trouver ce qui ne fonctionne pas…) mais seulement le temps de le consulter. Cela modifie la version qui est en train d'être lue sur votre ordinateur. Il ne permet pas de le modifier la version qui est en ligne.
Quand vous consultez un site, celui-ci est chargé localement sur votre ordinateur en mémoire cache. C'est cette version qui est temporairement modifiée dans l'outil de développement.
Sujets similaires
» [RESOLU] CSS menu web et CSS menu mobile dans le head
» [Résolu] Bouton retour vers le haut
» Modifier L'onglet du haut de la barre de navigation [résolu]
» [Résolu] Remplacer l'image du bouton retour vers le haut
» Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
» [Résolu] Bouton retour vers le haut
» Modifier L'onglet du haut de la barre de navigation [résolu]
» [Résolu] Remplacer l'image du bouton retour vers le haut
» Réduire espace entre haut de page/titre/menu/corps - Design Rio de Janeiro
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|