Décalage

[Paddy75]

Bonjour,
J'ai un problème que je ne comprends pas.
Voir le site (en cours de modif) :
www.gregauclerc.com
> passage de "Illustration sonore" à "Contact"
Il y a un décalage horizontal lorsqu'on passe d'une page à une autre.
J'ai respecté les paramètres ( Pages : Disposition, Mesures, etc.)
J'ai utilisé le modèle de base "Noir"

J'ai fait (en local) un Menu de navigation "à la main" mais ça ne change rien.

Quelqu'un pourrait-il m'éclairer ?

Merci.

[Yanik]

Bonjour,

Heu..., je crois que ce décalage existe sur toutes les pages.

N'aurais-tu pas modifier quelque peu l'apparence du menu automatique ? Caractère gras pour le titre de la page concernée ? Quand on est dans la page "News", le titre de la page "musiques de film" est en maigre. Lorsqu'on est sur la page "musiques de films", il est en gras. Et ainsi de suite. Le problème vient sans doute de là. Les caractères gras sont plus larges et provoquent les décalages constatés.

Et c'est peut être indissociable du modèle. Si ça vient du modèle, il faut faire un menu à la main. Et, dans ce menu, jamais de mélange caractères gras/caractères maigres !

Concrètement : première solution
1 - Tu pars de ta deuxième page. Tu supprimes le menu actuel (inspecteur/page, décoche "afficher le menu de navigation". Il n'y a plus de menu sur aucune page.
2 - Tu crées ton menu à la main (sans faire de liens).
3 - Tu copies/colle ce menu sur les autres pages.
4 - Tu crées les liens entre les pages.

S'il n'y a pas d'amélioration : deuxième solution ; elle nécessite de refaire plusieurs pages.
1 - Tu pars de ta deuxième page. Tu supprimes le menu actuel (inspecteur/page, décoche "afficher le menu de navigation"). Il n'y a plus de menu sur aucune page.
2 - Tu crées ton menu à la main (sans faire de liens)..
3 - Tu dupliques cette page quatre fois.
4 - Tu refaits les pages suivantes. Tu dois pouvoir le faire facilement par copier/coller des anciennes pages conservées. Ne copies évidemment pas les menus "défectueux".
5 - Tu crées les liens entre les nouvelles pages.
6 - Tu détruits les pages défectueuses.

Personnellement, et comme beaucoup, je fais mes menus à la main et crée mes pages par duplication. Et ça marche.

Bon courage.

[Paddy75]

Merci,
Mais j'avais déjà utilisé cette méthode par duplication, avec menus "à la main", ça n'a rien changé.
Je doute que ce problème provienne de la mise en place des liens.
Je voudrais bien comprendre avant de déposer tout le site sur le serveur.
(D'autant plus qu'il faut que je le fasse valider auparavant)

Je teste (en local) sur Safari et Firefox.

À bientôt...

[Yanik]

Le problème ne vient pas de la mise en place des liens mais de la place que prennent les mots. Les mots en surbrillance sont plus larges. Le mélange mots en maigre/mots en gras est différent selon les pages, ce qui doit provoquer les décalages.
J'ai fait un essais avec un menu automatique. Lorsque les mots qui composent le menu sont de mêmes caractères (pas de gras, seule la couleur change lorsqu'on passe dessus avec la souris), il n'y a pas de décalage.
Sur ton menu, regarde bien : lorsque tu es sur la page News, le mots news dans le menu est en surbrillance et en gras. Lorsqu'on passe la souris sur "Musiques de film" Musiques de film se met en surbrillance, mais reste en maigre (en fait Musique de films devient simplement plus clair). Lorsqu'on clique sur musique de Films, on passe sur la page suivante et l'on voit que Musiques de Films devient clair ET en gras ; News redevient sombre ET maigre. C'est la source du décalage constaté.
C'est de ce coté qu'il faut travailler pour résoudre le problème.
Cela peut passer par la création du modèle manuellement.
Cela dit, le site actuel est déjà très beau et ergonomique.

[Paddy75]

D'accord, j'avais bien pensé à ce que tu me dis-là, c'est pourquoi je travaille sur une version avec menu en "texte-image" (suppression de la barre de navigation automatique).
Le problème existe toujours.
Je dois attendre la validation de mon fils (musicien) pour mettre en ligne cette version, alors tu (et tout le monde) pourrez voir ce qui se passe.

Merci pour le compliment...

[Contenu sponsorisé]