Pages :
Bonjour !

J'ai réalisé un menu déroulant sur mon site grâce aux tutoriaux alsacréations, mais je n'arrive pas à mettre les sous-menus en colonne au dessous du lien parent.
Il s'affichent en ligne. Comment puis-je remédier à celà ?

voir l'exemple ici
Modifié par JulesB (16 May 2006 - 20:32)
Bonjour,

J'aimerais bien t'aider, j'ai pris ta source, mais je n'arrive pas à trouver l'url de tes images pour tester ?

Elles ont l'air d'être dans un fichier images/, mais pas moyen d'y accéder en mettant http://jules.bernable.free.fr/ devant Smiley ohwell
blue a écrit :
Bonjour,

J'aimerais bien t'aider, j'ai pris ta source, mais je n'arrive pas à trouver l'url de tes images pour tester ?

Elles ont l'air d'être dans un fichier images/, mais pas moyen d'y accéder en mettant http://jules.bernable.free.fr/ devant Smiley ohwell


Les images sont dans le dossier "http://jules.bernable.free.fr/files/img/" !

Smiley cligne
Merci Jules, mais je ne vois pas les images de ton menu dans ce fichier /img Smiley ohwell

J'ai un petit tour dans > Index of /files, et je ne vois pas où se trouve, par exemple > toolbar-black.jpg ?
blue a écrit :
Merci Jules, mais je ne vois pas les images de ton menu dans ce fichier /img Smiley ohwell

J'ai un petit tour dans > Index of /files, et je ne vois pas où se trouve, par exemple > toolbar-black.jpg ?


Aaaaahhhh vouiiii désolé ! Smiley ravi
Alors les images en relation avec la feuile de style c'est dans "includes/styles/images"
Smiley biggol
lol merci Smiley cligne

Je ne le comprend pas trop ton menu Smiley ohwell

C'est toi qui l'a crée où tu l'a pris sur un site ? si oui, peux-tu me donner l'adresse de ce site stp ?
blue a écrit :
C'est toi qui l'a crée où tu l'a pris sur un site ? si oui, peux-tu me donner l'adresse de ce site stp ?


Ben c'est le tuto indiqué ici...
Le lien est donné dans le tuto alsa sur les menus déroulants avec javascript.

Merci de tes réponses !!!
Smiley biggrin
Hello,
ça doit se jouer avec la proprieté display je pense cette histoire.


#navcontainer li {
	display: inline;
	float: left;
}


Essaie de virer ce lui là.
Jules > je vais voir Smiley cligne
Hum > Oui, c'est une incohérence effectivement, mais avant de mettre les mains dans le cambouis, je préférais attendre un lien, ne connaissant pas ce menu Smiley smile
Hum a écrit :
Hello,
ça doit se jouer avec la proprieté display je pense cette histoire.


#navcontainer li {
	display: inline;
	float: left;
}


Essaie de virer ce lui là.


Quelques résultats: Smiley langue

-en virant les deux:rien
-en virant le float: left, tout le menu passe à gauche en position verticale... Smiley eek
-en mettant display: block et en gardant le float:left, rien
-en mettant display: block et en gardant le float:left, tout le menu passe à gauche en position verticale
--en mettant display: inline-table et en virant le float:left, les sous-menus s'affichent bien en colonne, mais pas en dessous de leur parent respectif, ce qui est encore moins pratique qu'au début... Smiley ohwell

Je préssent que c'est un problème d'héritage mais je ne vois pas d'ou ça vient, ce n'est que mon deuxième site, je débute...
Modifié par JulesB (15 May 2006 - 20:05)
AAaaaarrrrgggghhhhh.... Smiley biggol

Je viens en plus de m'aperçevoir que Firefox(Mac) n'affiche pas mes images de background...
C'est pareil chez vous ???
Non, sous FF ça passe bien, c'est sous IE que ça passe pas le background (je suis sous Windows)
blue a écrit :
Non, sous FF ça passe bien, c'est sous IE que ça passe pas le background (je suis sous Windows)


J'y comprend plus rien, mon coloc a un PC avec IE6 et ya pas de problème chez lui...
Je viens de comprendre le design de ton site, avec l'effet de transparence que tu lui a donné, en le regardant sous Opéra.

Je ne comprenais que tes liens soient si peu visibles sur ce fond.

Voilà ce que ça donne sous, dans l'ordre, FF, IE, Netscape et Opéra :

http://tutoriels.info.free.fr/julesb_ff.png

http://tutoriels.info.free.fr/julesb_ie.png

http://tutoriels.info.free.fr/julesb_netscape.png

http://tutoriels.info.free.fr/julesb_opera.png

Pour info, le background de tes sous-menus n'apparaît pas sous IE, mais sous les 3 autres oui, enfin, en tout cas, chez moi.
Oui, effectivement j'ai utilisé des .png pour les transparences.
Je suis tès étonné des différences de rendu !
le résultat est identique sous Safari et Opéra et c'est celui que je voulais...

Est-ce que IE et Netscape gèrent le canal Alpha avec le format .gif ?

En revanche FF-Mac ne m'affiche aucune de mes images !! Smiley eek
Y'a-t'il des MacIntoshiens ici pour me dire d'où ça vient ?

Sinon pour le menu j'approche du résultat !
Je le mettrait en ligne dès que ce sera fini.
Merci de tes conseils
Smiley cligne Smiley biggrin Smiley cligne
Modifié par JulesB (15 May 2006 - 22:56)
Salut,

JulesB a écrit :

Est-ce que IE et Netscape gèrent le canal Alpha avec le format .gif ?

Oui;

a écrit :

En revanche FF-Mac ne m'affiche aucune de mes images !! Smiley eek
Y'a-t'il des MacIntoshiens ici pour me dire d'où ça vient ?

aperçu sous Firefox Mac OS X
Il manque quoi ?
Modifié par Hyp (15 May 2006 - 23:06)
Peut-être qu'il faut vider le cache... Smiley ohwell Une fois ou deux FF m'a affiché des trus bizarres, ou n'affichait pas mes modifications, et une petite purge a suffit.
Modifié par Hyp (15 May 2006 - 23:19)
a écrit :
Peut-être qu'il faut vider le cache... Une fois ou deux FF m'a affiché des trus bizarres, ou n'affichait pas mes modifications, et une petite purge a suffit.


Vidé le cache 2 fois...toujours pareil...c'est chelou...

Sinon le menu déroulant est bien positionné maintenant. Smiley murf
Le problème c'est que dans cette position verticale, y'a un 2 bugs:
-un espèce de clignotement qui fait passer un des liens "à la trappe" et surtout les rend difficiles voir impossible à cliquer !
-le menu passe en-dessous de mon anim flash sur la page d'accueil. J'ai essayé de régler le z-index mais ça marche pas...

allez-y donc voir.

Ca c'est le rendu sous Firefox Mac... Smiley bawling
upload/6583-Capture-1.jpg
Modifié par JulesB (16 May 2006 - 03:11)
Pages :