Menu graphique en css
sylvain
-
le hollandais volant Messages postés 5294 Statut Membre -
le hollandais volant Messages postés 5294 Statut Membre -
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
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:
- Menu graphique en css
- Changer carte graphique - Guide
- Menu déroulant excel - Guide
- Graphique sparkline - Guide
- Canon quick menu - Télécharger - Utilitaires
- Graphique camembert excel - Guide
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....
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]
[url=https://www.hiboox.fr/][img]http://free0.hiboox.com/images/0810/f4230369cdc1d320e0ecdec6d7f5332a.png[/img][/url]
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).
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).
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....
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....
