Il y a actuellement 77 visiteurs
Samedi 15 Août 2020
accueilactualitésdossierscomparer les prixtélécharger gratuitement vos logicielsoffres d'emploiforum informatique
Connexion
Créer un compte

Créer un menu dynamique JS+CSS+HTML

Besoin d'aide pour configurer un serveur ? Vous souhaitez obtenir des conseils pour référencer votre site ? Un petit souci pour accéder à votre FTP ? Des soucis de programmation en PHP / ASP / HTML / XHTML / XML / XSLT / CSS / ReactJS / AngularJS / VueJS / CGI / PERL / C / MySQL / PostgreSQL ??? Nous avons peut-être la solution dans ce forum ...

Créer un menu dynamique JS+CSS+HTML

Message le 30 Déc 2007 14:32

Bonjour ! j'ai cherché sur internet comment faire un menu horizontale dynamique en CSS qui ouvre un bloc sous le bouton du menu quand on passe le curseur dessus mais quand les boutons sur lesquels on passe ne soit pas des liens mais aucun ne me permettent de faire ce que j'ai envie ...

Voici le code HTMl actuel de mon menu:

Code: Tout sélectionner
<ul id="menu">
<li><a href="#" title="#"><span>Infos</span></a></li>
<li><a href="#" title="#"><span>Jeu</span></a></li>
<li><a href="#" title="#"><span>Championnat</span></a></li>
<li><a href="#" title="#"><span>Personnel</span></a></li>
<li><a href="#" title="#"><span>Partenaires</span></a></li>
</ul>


Le code CSS du menu:

Code: Tout sélectionner
ul#menu {
background: url(images/menu.gif) no-repeat;
height: 40px;
width: 958px;
padding: 9px 0 0 34px;
list-style: none;
}


et cela doit ressemblé a ca: http://www.enregistrersous.com/images2/ ... 140244.png

Les gros problèmes que j'ai eu avec les différents scripts JS sont:
-Bloc JS non aligné
-Texte des menu non centré
-Couleur de fond des textes inéchangeable

Si vous pouviez me fournir un script JS, CSS et HTML pour avoir le menu dynamique que je souhaite ça serait super sympa =)

Merci d'avance et a bientôt ;)
fan_d'Rob
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 26
Inscription: 11 Déc 2007 16:49
 


Message le 30 Déc 2007 14:34

Salut,

Pourquoi ne veux-tu pas utiliser la méthode qui permet de dérouler un menu quand on passe sur un lien ?
Ca permet de se passer du javascript, c'est tout de même bien pratique.
=> exemple
Walk of shame, walk of game... what uuuup !
Avatar de l'utilisateur
coyote89
PC-Infopraticien
PC-Infopraticien
 
Messages: 7862
Inscription: 07 Mai 2003 17:39
Localisation: Chine :)
 

Message le 30 Déc 2007 14:35

Et bien si je peut mettre une images en fond de ce qui apparait oui ... pourquoi pas ...
fan_d'Rob
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 26
Inscription: 11 Déc 2007 16:49
 

Message le 30 Déc 2007 14:40

J'ai utilisé/modifié un script de ce genre pour faire un menu vertical déroulant pour un projet l'année dernière : voir ici.

C'est possible de faire apparaitre des images au survol (moi j'ai fait apparaitre un petit logo, mais c'est possible de faire apparaitre ce que tu veux).
Apres, pour le moment le JS permet plus de flexibilité, mais ca réduit beaucoup la compatiblité avec les différents types d'écrans et navigateurs existant et susceptible d'accéder à ton site. Et c'est aussi plutôt chiant à coder (avis entièrement subjectif :D)
Walk of shame, walk of game... what uuuup !
Avatar de l'utilisateur
coyote89
PC-Infopraticien
PC-Infopraticien
 
Messages: 7862
Inscription: 07 Mai 2003 17:39
Localisation: Chine :)
 

Message le 30 Déc 2007 14:41

D'accord merci j'essaye ;)
fan_d'Rob
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 26
Inscription: 11 Déc 2007 16:49
 

Message le 30 Déc 2007 14:52

J'arrive pas a l'adapté sur mon menu ... :(
fan_d'Rob
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 26
Inscription: 11 Déc 2007 16:49
 

Message le 30 Déc 2007 14:53

Ah ben hé, faut persevérer en design web : tout se fait pas en 10 minutes :D

Si tu veux plus de réactivité, tu devrais essayer les forums d'alsacréation CSS ou du site du zéro, y'a plus de main d'oeuvre qu'ici là-bas ;)
Walk of shame, walk of game... what uuuup !
Avatar de l'utilisateur
coyote89
PC-Infopraticien
PC-Infopraticien
 
Messages: 7862
Inscription: 07 Mai 2003 17:39
Localisation: Chine :)
 

Message le 30 Déc 2007 14:55

Enfaite le problème est que mon menu est découpé en CSS ... chaque partie faisant tant de pixels par tant de pixels est un bouton du menu et le menu comporte déjà les texte donc j'aimerai enlevé les texte du script du menu mais ca marche pas :(

Ca fais 2 heures que j'ai posté sur le SDZ et toujours pas de réponse ...
fan_d'Rob
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 26
Inscription: 11 Déc 2007 16:49
 

Message le 30 Déc 2007 15:44

j'ai oublié un bout du code CSS du menu, voici tous les codes CSS du menu:

Code: Tout sélectionner
ul#menu {
background: url(images/menu.gif) no-repeat;
height: 40px;
width: 958px;
padding: 9px 0 0 34px;
list-style: none;
}

ul#menu li { float: left; }
ul#menu li a { display: block; height: 34px; width: 184px; }
ul#menu li a span { display: none; }
fan_d'Rob
Visiteur Confirmé
Visiteur Confirmé
 
Messages: 26
Inscription: 11 Déc 2007 16:49
 



Sujets similaires

Message Écran bloqué sur le menu
Bonjour.Je suis entré dans le menu de mon écran, qui, je précise, est un écran télé, pour affiner les réglages. Opération que j'avais déjà réalisé par le passé sans problème . Mais depuis hier, impossible de revenir sur mon bureau, c'est à dire l'écran de bureau de mon PC. J'ai débranché, rebranché ...
Réponses: 5

Message [Réglé]Enlever un élement du menu contextuel de la corbeille
Bonjour à tous,Je viens de passer une bonne demi-heure à rechercher dans le registre la clé gérant le menu contextuel de la corbeille suite à une erreur créée par un logiciel: un menu fantôme contenant des caractères "hors clavier" empêchant une recherche facile dans la base de registre ( ...
Réponses: 11

Message Police Kelt UNICODE acceptée en HTML ?
Bonjour,Habitué à modifier mes GEDCOM pour une intéraction vers un site hôte pour leur exploitation, j'utilise parfois une action sur des polices à l'affichage.Tout d'abord, une transformation basique de zones de mon GEDCOM par :<font face="Comic Sans MS" color=#000099 size="2" ...
Réponses: 7

Message Créer une clé usb d'installation de Windows 10 Pro
Salutations, tout d'abord j'espère ne pas m'être trompé de topic, pour ma demande d'aide de création de clé bootable.J'ai décidé de laisser tomber mon problème de cable usb avec mon autre pc, de toute façon j'ai racheté une carte mère identique, donc si le problème venait bien de la carte mère que j ...
Réponses: 6

Message creer un hotspot privé ?
bonjour,"Vous tenez un gîte, une chambre d'hôtes, un restaurant, un salon de coiffure ou toute autre activité avec des visiteurs ? Vous souhaitez proposer un accès gratuit à Internet à vos visiteurs sans pour autant fournir les clés de votre box Internet ?Pour des raisons de sécurité, il n'est ...
Réponses: 1

Message Menu configuration win10
Salut à tous, J'essaie de désactiver la roue de ma tablette Wacom et la solution se trouverait dans ce lien mais mon menu est rudimentaire comparé au sien:https://www.youtube.com/watch?v=IlNtRdsOp6IMon menu, très rudimentaire, sans les options que propose celui du youtuber:Merci
Réponses: 12

Message Créer serveur sans connection internet
Bonjour,avec mon petit ami nous cherchons une solution pour nous faire un serveur Ark: Survivol Evolved mais sans connexion internet, nous ne l'avons pas dans l'appartement malgré nos essais (les opérateurs ne trouvent pas l'adresse). Nous jouons avec un MSI appache GE70 et un Asus ROG GL742WT, ce d ...
Réponses: 7


Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 2 invités


.: Nous contacter :: Flux RSS :: Données personnelles :.