FORUM Syndrome-OC - Jacky-PC


  Programmation


  Autre


  Menu deroulant en css

 




Il y a 28 utilisateurs connus et inconnus. Pour voir la liste des connectés connus, cliquez ici

 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Menu deroulant en css

n°4814
the tortue​-man
tortalouga
Posté le 12-01-2005 à 20:36:53  profilanswer
 

sallu a tous :p
 
j'aimerai savoir comment on fait un menu deroulant en css ;)
j'ai bo chrcher sur google des sites qui l'explique, je trouve pas  :heink:  
je c, chui ptetre pas un super doué de google :whistle: mais j'ai le merite d'avoir chercher  :sol:  
 
donc si quelqu'un arai l'amabilité de m'expliquer  :wahoo:


---------------
Celui qui veut mon adresse MSN => bougieskater@hotmail.com
 
mood
Google
Posté le 12-01-2005 à 20:36:53  profilanswer
 

n°4815
andreq
Posté le 13-01-2005 à 06:08:24  profilanswer
 
n°4818
KnX
To be or not to code.
Posté le 15-01-2005 à 18:00:16  profilanswer
 

Domage pour un site pronant la séparation données/présentation de laisser trainer des onclick dans leurs données [:spamafote]


---------------
/!\ KnX's bash NP : Norah Jones - Don't Miss You At All /!\
n°4819
the tortue​-man
tortalouga
Posté le 15-01-2005 à 21:33:50  profilanswer
 

je vien de survoler l'article,
il a pas laire mal :)


---------------
Celui qui veut mon adresse MSN => bougieskater@hotmail.com
 
n°4820
Deadog
Dain Bramaged
Posté le 17-01-2005 à 02:48:10  profilanswer
 

tu peux le faire avec des lists
 
http://css.maxdesign.com.au/index.htm
 
y'a des expl plutôt sympa :) style : http://css.maxdesign.com.au/listam [...] ntal04.htm


Message édité par Deadog le 17-01-2005 à 02:49:50
n°5106
Le Veilleu​r
.:. .:.
Posté le 03-03-2005 à 08:31:35  profilanswer
 

Bonjour,
 
je viens de parcourir ces liens, et j'essaye de me mettre au dev web avec les css.
 
http://temp.leveilleur.net/design.php
 
Est ce que quelqu'un peut m'aider ? Le menu fait tout décaler :/ Et le résultat est diff de sous firefox et ie.
 
le css
http://temp.leveilleur.net/style2.css
 
merci


---------------
http://LeVeilleur.net
Hostipics.net : Hébergement gratuit de vos photos pour forums, ...
n°5109
nicodache
marmotte en chocolat concept ©
Posté le 03-03-2005 à 10:08:46  profilanswer
 

j'ai pas regardé ta css, mais je dirais que tu dois aller voir du côté "Y", à savoir la position en "surimpression", pour définir que ton menu peut/doit passer au dessus du reste de ta page ;)


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°5112
Le Veilleu​r
.:. .:.
Posté le 03-03-2005 à 10:27:34  profilanswer
 

surimpression
 
Tu trouves bcp d'infos toi ? Qu'est ce que tu entends pas y ?


---------------
http://LeVeilleur.net
Hostipics.net : Hébergement gratuit de vos photos pour forums, ...
n°5113
nicodache
marmotte en chocolat concept ©
Posté le 03-03-2005 à 11:20:41  profilanswer
 

raté, c'est le Z-index [:grut]
 
http://www.yoyodesign.org/doc/w3c/ [...] n.html#q30


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°5114
Le Veilleu​r
.:. .:.
Posté le 03-03-2005 à 11:43:36  profilanswer
 

http://temp.leveilleur.net/design.php
http://temp.leveilleur.net/style2.css  
 
Galère galère :s, sourtout la diff sous ie et ff.


---------------
http://LeVeilleur.net
Hostipics.net : Hébergement gratuit de vos photos pour forums, ...
n°5115
nicodache
marmotte en chocolat concept ©
Posté le 03-03-2005 à 11:48:24  profilanswer
 

met un peu le z-index plus haut que 1, chez moi on voit pas la différence ;)
je me demande si 1 c'est pas la valeur par défaut en fait :D (quoique)
 
enfin bon :D
 
sinon, autre truc dérangeant, quand tu cliques sur un sous menu, et que t'arrives à l'autre page, le menu reste devant la page, il se referme pas :(


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°5116
Le Veilleu​r
.:. .:.
Posté le 03-03-2005 à 11:59:07  profilanswer
 

Je vais abandonner cette mer** :s
J'ai beau mettre des z-index, je ne vois pas différence


---------------
http://LeVeilleur.net
Hostipics.net : Hébergement gratuit de vos photos pour forums, ...
n°5117
nicodache
marmotte en chocolat concept ©
Posté le 03-03-2005 à 12:02:22  profilanswer
 

j'oubliais, tu devrais pitet aussi regarder du coté des propriété d'overflow ;)
http://www.yoyodesign.org/doc/w3c/ [...] l#overflow


---------------
modérateur inside [:nicodache] plankaivoo [:nicodache] - ici powered - Je roule en micra 1l 55cv et je t'emmerde :o
n°5118
Le Veilleu​r
.:. .:.
Posté le 03-03-2005 à 12:58:42  profilanswer
 

je ne suis tjs pas convaincu par ce truc, ca me semble très abstrait les css.
 
http://temp.leveilleur.net/design.php
http://temp.leveilleur.net/style2.css  
 
je voudrais juste que ce menu soit centré et qu'il passe au dessus du texte. ca ne doit pas etre impossible :s une matinée de perdue déjà


---------------
http://LeVeilleur.net
Hostipics.net : Hébergement gratuit de vos photos pour forums, ...
n°5123
KnX
To be or not to code.
Posté le 03-03-2005 à 20:40:32  profilanswer
 

il manque pas un margin-left: auto; et margin-right:auto; à ton #menu ?


---------------
/!\ KnX's bash NP : Norah Jones - Don't Miss You At All /!\
n°5124
Deadog
Dain Bramaged
Posté le 03-03-2005 à 20:59:12  profilanswer
 

j'ai fait un menu déroulant par css pour un site que je webmasterise :
http://anjougame.com/test/
 
si t'arrive à la faire marcher sous ie t'auras un gros bisous [:dslam]

n°5126
KnX
To be or not to code.
Posté le 03-03-2005 à 21:03:36  profilanswer
 

le :hover de ton  

Code :
  1. .menu_main_items:hover .menu_sub_items {
  2.     display: block;
  3.     position: absolute;
  4.   }


n'est supporté que sur les a sous ie [:spamafote]
 
solution porc: enrober le tout dans un a, mais c'est non-compliant
 
solution less-porc:  
un js qui (seulement si il est sur un ie ):
1) scanne tes racines de menu, les met dans une liste
2) a chacune ajoute un evenement onmouseover
3) cet evenement pour une racine, change le display de tout ses fils.
 
( le but du scan au lieu de mettre directement les onmouse, c'est de pas pourrir ton html avec du js, plus clean, et le temps de faire l'opération est très faible )


---------------
/!\ KnX's bash NP : Norah Jones - Don't Miss You At All /!\
n°5127
Deadog
Dain Bramaged
Posté le 03-03-2005 à 21:05:15  profilanswer
 

ok, je regarderais ça ;)

n°5131
Le Veilleu​r
.:. .:.
Posté le 04-03-2005 à 12:26:19  profilanswer
 

KnX a écrit :

il manque pas un margin-left: auto; et margin-right:auto; à ton #menu ?


oui je pensais que c'etait ca
http://temp.leveilleur.net/design.php  
 
J'ai encore quelques problemes sous firefox... mais faudrait que je regarde a la programmation, car y a certaineme partie pas tres propres :s
genre... insérer des tables dans des div :p


---------------
http://LeVeilleur.net
Hostipics.net : Hébergement gratuit de vos photos pour forums, ...
n°5132
KnX
To be or not to code.
Posté le 04-03-2005 à 17:07:25  profilanswer
 

faut pas abuser non plus sur le refus des tables, si ca corresponds a des données en table, y'a pas de raison de s'en priver dans ce cas la. ( sauf si c'est gros, les tables sont plus longues a rendre que les div ).
 
par contre au niveau de tes js, y'a 2-3 détails améliorable :
 
- dans ta fonction montre, utilise this au lieu de rentrer le nom du <dt> ou <dd> a la main.
- pour alléger le code, au lieu de mettre d'origine tout les onmouseover, on...
tu fais un script qui boucle sur les id ( un peu comme montre ), et qui rajoute l'évenement a chacun ( avec le this ) et tu lance ce script au chargement de la page.
la taille de la page sera inférieure, et t'aura pas du js qui traine partout. Idéalement, le html sans js executé devrait afficher un menu ( moins joli et pas dynamique ) fonctionnel, et si le js est exécuté seulement, il va cacher les sous menus et ajouter les evenements onmouse* . Ca permettrait à ton site de pas dépendre du js tout en fournissant pour ceux qui l'ont kkchose de plus sympa ;)


---------------
/!\ KnX's bash NP : Norah Jones - Don't Miss You At All /!\
mood
Google
Posté le 04-03-2005 à 17:07:25  profilanswer
 


Aller à :
Ajouter une réponse

  FORUM Syndrome-OC - Jacky-PC


  Programmation


  Autre


  Menu deroulant en css

 

Hit Parade