Menu déroulant CSS

[Walcho_67]

Bonjour,

 

je ne suis pas du tout un spécialiste de la création de la page web, mais j'aime bien faire les choses moi-même.

J'ai donc décidé de faire sur mon site un menu horizontal déroulant sans java script utilisant que le CSS.

J'ai donc un peu étudié la chose et certains points restent obscures.

J'ai trouvé des tutoriels et des exemples et j'ai enfin réussi à obtenir le résultat que je voulais ... oui mais ... le problème c'est que le sous-sous menu ne se déroula correctement qu'avec IE et dès que je passe sous Firefox ou google chrome, alors le sous-sous menu se superpose avec le sous menu.

 

voici l'exemple : Test Menu déroulant

 

et là, ben je crois que j'arrive au bout de mes compétences ...

 

Alors j'en appel à votre aide, s'il y a des spécialistes parmi vous, de bonnes âmes qui veulent bien me donner le petit coup de pouce qui me sortirai de mon désarroi !

 

Au besoin, je peux envoyer les fichiers concernés ... ou donner le détail du menu css dans ce post ?

 

Merci d'avance.

[Astral21]

Tu as un soucis aussi avec le menu secondaire, il se met au dessus du premier sous menu. Et pour ce qui est de firefox ou autre, il faut (enfin je crois) que tu détecte quel navigateur est utilisé. Et un autre code te permettra te faire celà.

[dlasserre17]

Salut,

 

Remplace ta classe CSS .sousMenu2 par ça :

.sousMenu2  
{
border:0 none;
display:none;
list-style:none outside none;
margin-left:150px;
margin-top:-22px;
padding:0;
position:absolute;
}

 

Pour détecter quel navigateur est utilisé il existe une variable php toute faite :

echo $_SERVER['HTTP_USER_AGENT'];

Affiche les informations sur le navigateur, il faut parser la phrase tout de même.

exemple un "explode" sur les espaces.

 

a+ sous le ciel

[Créateur de bugs]

Tu as un soucis aussi avec le menu secondaire, il se met au dessus du premier sous menu. Et pour ce qui est de firefox ou autre, il faut (enfin je crois) que tu détecte quel navigateur est utilisé. Et un autre code te permettra te faire celà.

 

Mieux vaut faire l'inverse : d'abord un code qui marche pour les navigateurs normaux, ensuite un code qui marchera pour IE. D'autant que la version 9 de celui-ci devrait respecter les standarts, et donc se comporter comme ses concurrents actuels.

[Astral21]

C'est sur, mais celà fait un p'tit moment que je n'ai pas pratiqué le html mais je suis plus dans le flash .

 

J'ai trouvé ces quelques sites si ça peut t'aider :

 

http://www.asp-php.net/scripts/scripting/menu_css.php

http://normandlamoureux.com/cours/css/index.html

http://openweb.eu.org/articles/menu_universel

[Walcho_67]

Merci beaucoup pour ces premières informations, je vais tester et étudier ces nouvelles pistes. C'est pas gagné, mais je vais persévérer.

Je reste ouvert à toute suggestion complémentaire .

[dlasserre17]

Salut,

 

La classe CSS que je tes posté marche, même si l'utilisation de la négation dans les valeurs n'existe que depuis peut sous IE...

 

a+ sous le ciel.

[Walcho_67]

Salut Divx,

 

Je te remercie beaucoup pour la classe CSS modifiée que tu m'as donné.

Effectivement , grâce à cela, le problème dans Firefox et Google Chrome s'est résolu . Mais du coup c'est IE7 qui fait n'imp !

Sur IE7, maintenant, les sous-sous menus n'apparaissent plus directement à côté du sous-menu mais sont envoyés à perpette, genre 2 cases plus loin ...

Je ne comprend pas bien à quoi c'est dû ...

Je ne peux pas mettre un lien actualisé du menu pour l'instant, je tâcherai de faire ça dans la soirée ...

 

Merci à tous en tout cas de prendre la peine de m'aider !

[Walcho_67]

Au cas où quelqu'un voudrait s'amuser je mets en lien du message la page HTML et ma commande CSS en fichier zippé.

 

Merci d'avance.

Menu_deroulant.zip

[m57lyre]

bonjour Pierre

 

Malheureusement je ne suis d'aucun aide en menu déroulant.

Simplement pour dire que ton site est splendide.

à +

Olivier

[Walcho_67]

bonjour Pierre

Malheureusement je ne suis d'aucun aide en menu déroulant.

Ah ben mince ! J'y avais cru moi !

Simplement pour dire que ton site est splendide.

à +

Olivier

Merci, ça me fait fait plaisir, ça me touche même.

Je l'avais bien aimé effectivement lorsque je l'ai fait, mais maintenant en gardant à peu près la même base, je voudrais lui donner un aspect un peu plus convivial ... faut juste que j'arrive à me dépêtrer de ce menu déroulant !

[Walcho_67]

Bon, je fais remonter ce post, car après avoir galéré, j'y suis enfin arrivé !

J'ai trouvé des exemples sur le oueb que j'ai trafiqué et modifié, ça a pris beaucoup de temps mais voilà, ce que ça donne maintenant avec le site complet.

toutes les remarques sont les bienvenues ... même les critiques! Vous avez le droit de ne pas aimer !

 

ASTROWALCHO