28172 sujets

CSS et mise en forme, CSS3

hello
J'ai un bug qui m'échappe complétement sur le site que je suis en train de créer
j'intègre des pages avec différents sous-menu et parfois le sousmenu s'affiche correctement juste en dessous de mon menu (pe : http://www.unlouppourlhomme.com/?page=spectacle.php), parfois il s'en écarte, alors que le css est le même et que je copie colle le sous menu (pe : http://www.unlouppourlhomme.com/?page=FNpartenaire.php ou http://www.unlouppourlhomme.com/?page=atelier.php...)

Une suggestion?

merci d'avance pour votre aide Smiley smile
Oui, très curieux, j'essaye de modifier la structure HTML et le CSS avec Webdeveloper mais je ne trouve pas.

Il faut dire qu'il y a beaucoup trop de CSS pour un design aussi simple que celui-ci, il faudrait vraiment songer à optimiser ces (trop) nombreuses feuilles de style.

Est-ce que tu peux nous indiquer quelle feuille et quels lignes gèrent #ssmenu, .ssmenu, etc. ?

PS: La vidéo est vraiment fascinante. Quelle confiance, c'est démentiel !

PPS: Attention au lien en pied de page il manque http:// devant www.adooms.com.
Salut,

Quand tu compares, avec Firebug, tes deux menus, il y a une esperluette (&) qui apparaît sous la forme de son code hexadécimal  juste après la fin de #menuhor et avant #ssmenu. Si tu édites la page, toujours avec Firebug, et que tu supprimes ce caractère, l'espace en trop disparaît.

Il faudrait donc voir d'où cela provient.
Modifié par Xulu (07 Apr 2012 - 17:31)
Hello
merci pour vos réponses,

Kylekatarn, Je suis bien conscience de ne pas avoir la bonne technique pour optimiser les css, je débute donc c'est très instinctif pour le moment (d'autant que j'ai du le faire en peu de temps, du coup pas vraiment le temps de m'organiser)
les css pour ces deux menus sont dans menuhor.css

Bizarre cette histoire d'esperluette, je n'en vois nulle part, j'ai télécharger firebug aussi du coup mais bon je ne comprends pas du tout d'où elle peut venir...

Donc si qq trouve je suis preneuse

Smiley smile

ps : c'est une compagnie qui fait un boulot génial, si vous avez l'occasion de les voir ça vaut la peine Smiley smile
Réponse efficace d'un ami informaticien, je vous la partage

FNpartenaire.php contient un BOM marker
http://en.wikipedia.org/wiki/Byte_order_mark
c'est un carcètere invisible il faut le supprimer
Tu peux utiliser ca http://www.bryntyounce.com/filebomdetector.htm
pour les détecter et supprimer
C'est ton editeur de texte (genre dreamweaver ou autre) qui les ajoute.

si pas supprimé avec le logiciel ouvrir dans notepad++ et enregistrer au format UTF8 sans BOm

Mnt c'est nickel
Ah, le genre de problème que je n'ai jamais connu comme j'utilise un webftp, j'ai pas de BOM.

Du coup, ça peut aussi être une façon rapide de les supprimer : si tu ouvres tes fichiers sur ton FTP avec webftp.selfbuild.fr, tu verras le BOM apparaître au début de ton fichier sûrement sous forme d'un point d'interrogation. Du coup, tu le supprime, tu choisis l'encodage UTF-8 en dessous de l'éditeur et tu enregistres.