La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  problème menu accordeon
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: problème menu accordeon  (Lu 1541 fois)
problème menu accordeon
« sur: le 09-07-2011 a 11:58:10 »
remi-90
Membre récent
*

Hors-Ligne

Messages: 4





Voir le Profil
Répondre avec citation

Bonjour,

Je suis entrain de faire une nouvelle version de mon site internet et je me mets au javascript. L'idée est, pour une page, d'avoir un menu "accordeon" (ou "sildemenu") qui, une fois la souris sur une des photos fait apparaitre un sousmenu déroulant en css.

Pour l'accordeon, voila ce que j'ai utiliser : http://www.webinventif.fr/menu-en-accordeon-horizontal-et-glissant-en-1kb/

Pour le déroulant, j'ai fait un css classique, et dans mon html j'ai plusieurs liste ul li, les premières apparaissant dans mon accordeon, les secondaires et tertiaires dans mon déroulant...

Tout fonctionne sauf que le menu accordéon s'est réduit considérablement en largeur après avoir insérer les sous menus... Alors que la taille est définit à 800px, il doit maintenant en faire environ 150...

Je suis persuader que la solution est dans le js car je n'obtiens rien de bon en changeant css ou html...
Si quelqu'un (ou plusieurs) parmis vous veut bien m'aider, voici mon mail pour que je vous envoi mes fichiers et que vous voyez par vous même : remi.humbert90@gmail.com

Je suis complètement bloqué et il ne me manque que ça pour pouvoir héberger cette mise à jour du site.

Merci.

Rapporter au modérateur  

Re:problème menu accordeon
« Répondre #1 sur: le 10-07-2011 a 00:18:25 »
Pad
Modérateur Global
*****

Hors-Ligne

Sexe: Male
Messages: 1391





Voir le Profil    WWW
Répondre avec citation

Suffit de bien lire le tutoriel... Il est dit :

slideMenu.build('sm',200,10,10,1);

Les paramètres
    * 1er: l'id de la liste
    * 2ème: largeur de l'accordéon (en pixels)
    * 3ème: délais de vitesse d'appel de la fonction de glissement
    * 4ème: vitesse de l'animation (1 étant le plus rapide)
    * 5ème: numéro de la liste à ouvrir par défaut

Rapporter au modérateur  

Webdéveloppeur / Webdesigner Indépendant
http://vincentdapp.fr/
SIRET 517 691 408 00028
Re:problème menu accordeon
« Répondre #2 sur: le 10-07-2011 a 09:17:48 »
remi-90
Membre récent
*

Hors-Ligne

Messages: 4





Voir le Profil
Répondre avec citation

Bonjour,

Merci d'avoir répondu mais pensez-vous, j'ai lu et relu ce tutoriel plusieurs fois, et bien d'autres aussi. Cette valeur agit seulement sur la largeur des IMAGES de l'accordéon, et non sur l'accordéon lui même.
La taille de l'accordéon est à mettre dans le css, mais là aussi ça n'agit pas comme je le souhaiterai. En mettant une valeur de width de 800px, l'accordéon n'en fait même pas 100 de large...

Rapporter au modérateur  
Re:problème menu accordeon
« Répondre #3 sur: le 10-07-2011 a 18:48:34 »
Pad
Modérateur Global
*****

Hors-Ligne

Sexe: Male
Messages: 1391





Voir le Profil    WWW
Répondre avec citation

la valeur correspond bien à la largeur d'un panneau de l'accordéon. Il faut donc bien la changer comme dit en mettant la même valeur que la dimension de l'image. Sinon tu peux aussi essayer de mettre la largeur du ul :

Code:
.sm {list-style:none; width:459px; height:100px; display:block; overflow:hidden}

Rapporter au modérateur  

Webdéveloppeur / Webdesigner Indépendant
http://vincentdapp.fr/
SIRET 517 691 408 00028
Re:problème menu accordeon
« Répondre #4 sur: le 11-07-2011 a 20:38:28 »
remi-90
Membre récent
*

Hors-Ligne

Messages: 4





Voir le Profil
Répondre avec citation

Pas de soucis pour la dimension de l'image, elle correspond bien.
En revanche le width dans le ul correspond bien (théoriquement) à la largeur de l'accordéon mais des problèmes se passent dès que j'ajoute mes sous-menus.

Mes sous-menu sont des <ul> dans les <li> de l'accordéon, et dès que j'en ajoute, celui-ci se rétrécit alors que le width est toujours le même...

Je ne sais pas si vous pouvez voir ce que j'essaie de vous dire, mais si vous pensez pouvoir m'aider je peux vous envoyer les dossiers par mail pour mieux vous rendre compte...

Merci.

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg