Menu graphique en css

Fermé
sylvain - 17 févr. 2010 à 17:43
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 - 25 févr. 2010 à 21:04
Bonjour,
je suis actuellement en train de réaliser un site en xhtml/css pour une amie, et je ne sais pas comment faire un menu horizontal graphique (roll-over), en CSS sans faire appel à javascript, et comment faire pour le placer en haut de ma div. menu qui est plus grande que le menu lui même étant donné que celle-ci contientla barre censé accueillir le menu + le haut du cadre de ma zone de texte.
J'espère ne pas avoir été trop brouillon et vous remercie d'avance pour vos réponses
A voir également:

24 réponses

ça marche presque parfaitement, juste un petit décallage entre mon header et mon menu, et les cadre des images transparentes qui apparaissent comme tu peux le voir sur l'image, si t'es toujours là je veux bien que tu me donne quelques pistes pour bidouiller....
0
si je met pas l'image, tu va pas trop te rendre compte:
[url=https://www.hiboox.fr/][img]http://free0.hiboox.com/images/0810/f4230369cdc1d320e0ecdec6d7f5332a.png[/img][/url]
0
le hollandais volant Messages postés 4998 Date d'inscription samedi 8 mars 2008 Statut Membre Dernière intervention 23 décembre 2023 1 057
23 févr. 2010 à 16:37
Pour le cadre des images, c'est étrange, j'ai mis un "border: none".
Essayes alors un "outline: none;" en plus sur les images dans les liens du menu.


Pour le décalage, ça doit venir du <div id="menu"> et du <div id="header">.
Soit ça vient de celui d'en haut, et il faut mettre une "margin-bottom: 0px;" ; soit ça vient de celui d'en bas, et faut mettre un "margin-top: 0px;".


Sinon, pendant la création du desing, je te conseil de mettre des petites bordures fines de couleur à chaque bloc. Juste temporairement, cela permet de t'y retrouver et de voir qui est ou exactement.

Ca permet aussi de distiguer les marges intérieurs d'un bloc (padding) et les marges extérieurs (margin).


0
Merci pour tout !
0
Hello,
Je reviens vers toi car malgré une bonne grosse bataille je n'arrive pas à supprimer le décalage de 16 px entre mon header et mon menu, j'ai essayer des margin bottom et top dans tous les sens mais rien à faire ça ne change rien.
Encore plus surprenant, j'ai suivi tes conseils en mettant des border de 1 px à mes div. conteneur, footer, menu et header pour voir laquelle couillait, et là miracle quand je fais aperçu dans le navigateur (via dreamwever...) toutes mes div sont parfaitement positionnées, plus le moindre déallage, et lorsque j'enlève mes borders,.... et ben le fameux décalage revient !!!! ça va me faire déboulonner dans pas longtemps cette histoire le css serait-il contre moi ???

De plus, une autre petite question, je n'arrive plus à travailler en mode fractionné (code et creation sous dreamweaver, et une favicon d'opéra apparait pour ma page index, saurais-tu m'expliquer tout ça;-)



Allez je te remercie d'avance pour ton aide, et si je peux te rendre un service en échange n'hésite pas à demander....
0