18100 sujets

Questions générales et questions de débutants

Créer un menu déroulant sans javascript

Administrateur
Salut,

C'est possible en effet, mais cela ne fonctionnera pas sur IE sans javascript.
Donc en pratique, il vaut mieux éviter.
Administrateur
rom1-91 a écrit :
et quels sont les autres types de menus possibles de faire sans javascript?

Les menus non déroulants, en généralité : les menus sans comportement dynamique.
Les effets de remplacement d'image sont tout à fait possible en CSS.
Quelques exemples :
http://css.alsacreations.com/modelesmenus/g01.htm
http://css.alsacreations.com/modelesmenus/g02.htm
http://css.alsacreations.com/modelesmenus/g03.htm
http://css.alsacreations.com/modelesmenus/g04.htm
http://css.alsacreations.com/modelesmenus/g05.htm
http://css.alsacreations.com/modelesmenus/g06.htm
http://css.alsacreations.com/modelesmenus/g08.htm
Administrateur
rom1-91 a écrit :

? c'est possible?

Oui puisqu'il ne s'agit pas d'un menu déroulant.
Les CSS te permettent d'avoir exactement l'affichage que tu veux.
Je t'ai déjà montré une partie de la Galerie d'Alsacréations. Si tu y retournes, tu trouveras des liens vers d'autres sites d'exemples de menus en CSS.
Administrateur
rom1-91 a écrit :
oui mais il n'y a pas de menu à peu près identique...

Oui mais tu ne risques pas de trouver exactement une copie de ce que tu veux.
A toi de styler ton menu comme tu le souhaites : les CSS ont les outils pour cela : bordures, arrière-plans, couleurs, tailles, etc.

Tout est modifiable en choisissant les propriétés CSS que tu veux appliquer.
merci
alors je pense que je vais utiliser ce menu : ici

comment faire pour changer le fond de la première case, sa police et qu'elle ne devienne plus cliquable pour mettre le titre d'une catégorie et que le reste ne soit que des sous-catégories ?
Ta question de départ évolue singulièrement, en gros tu demandes comment faire du développement internet.

La réponse c'est en apprenant, et si tu le souhaites sur de bonne bases (tu es donc dans le bon forum).

règle numéro 1 : faire un bon document html de base, bien pensé, bien rédigé.

exemples :

plusieurs id="blabla" c'est impossible (un identifiant est toujours unique dans un document).

La présence d'un nombre important (voire considérable) de liens dans une page qui n'est pas un plan de site mérite d'être interrogée.

Désolé de transformer une question technique en considération générale, mais si tu souhaites faire quelque chose de bien ça vaut mieux.
Si j'ai bien compris, tu penses que mon menu actuel est beaucoup trop important?
Pour te répondre, je suis obligé de faire autant de sous-catégories... car il y a de nombreux aspects différents dans la météorologie et je veux que mon site aparaisse le plus complet possible...
regarde tous les sites météo qui existent... ils ont eux aussi des menus énormes comme ici par exemple

concernant ma question précédente, quelqu'un pourrait-il m'aider ?
j'ai fait un test ici du nouveau menu
et je souhaiterais que les catégories où il y a devant un petit rectangle rouge ne soient pas cliquables et de police différente... et je ne trouve pas où changer cela dans le code css...
Modifié par rom1-91 (04 Oct 2005 - 14:06)
Administrateur
rom1-91 a écrit :

et je souhaiterais que les catégories où il y a devant un petit rectangle rouge ne soient pas cliquables et de police différente... et je ne trouve pas où changer cela dans le code css...

Pour avoir des comportements différents sur certains éléments, il faut les identifier par une classe ou un id. Tu pourras ensuite styler cette classe ou id.

Ce genre de questions nécessite un apprentissage des bases minimales des CSS que tu ne possèdes pas.
Je te renvoie une fois encore au lien d'accueil pour les débutants :
http://forum.alsacreations.com/topic.php?fid=9&tid=5341

Ce lien te mènera vers des cours très bien fait pour débuter.
Tu comprendras qu'il est difficile de te donner des codes tout faits et des conseils si tu ne les comprends pas parce que tu n'as pas appris les bases.

Bonne chance.
Merci Raphael Smiley cligne
c'est vrai que je n'y connais pas en css, c'est le moment de m'y atteler vu que je n'ai pas cours aujourd'hui pour cause de grève.

Juste une dernière petite question, après je ne t'embête plus.
Pourquoi dans mon menu vertical actuel (dans le module de gauche) il y a un décallage entre IE et Firefox. En effet, sous FireFox il n'y a pas d'espace entre les différents boutons alors que sous IE il y en a pas mal... ?
Modifié par rom1-91 (04 Oct 2005 - 14:26)
Administrateur
C'est un problème très classique de différences de marges par défaut, que tu aurais pu trouver à différents endroits :
Par exemple : Comment régler les problèmes classiques de marges, d'espaces et de décalages ?
Cet article explique que
a écrit :
Toutes les balises bloc (sauf <div>) possèdent des marges internes (padding) et externes (margin) par défaut.
Le problème est que cette valeur par défaut est différente d'un navigateur à l'autre et provoquera un rendu différent sur chaque navigateur.
Il s'agit certainement de l'explication la plus courante lorsque des décalages apparaissent entre les différentes plateformes.

Le meilleur moyen d'identifier un problème de marges sur certains éléments et de… supprimer toutes les marges de tous les éléments.

Dans ton cas, le problème vient des marges par défaut sur <ul> et <li>

Les réponses sont à quelques clics, si tu te donnes le temps de les chercher Smiley cligne
bonsoir, je reviens vous voir (désolé de vous déranger encore)

En lisant ce que tu m'as conseillé, je vais m'attaquer tout seul au nouveau menu, ça me semble faisable.

Par contre je n'ai absolument rien compris concernant les problèmes de marges et de décallage de mon menu actuel... pour identifier l'erreur ... je m'y suis perdu Smiley smile
je reviens vers vous pour vous dire que j'ai enfin réussi à trouver après pas mal de temps de recherches...
j'ai rajouté .liste2 li a {height:1.1em}
Smiley cligne bonne soirée
Salut Rom, désolé pour ce post, il est un peu hors sujet du post original, mais j'ai fouiller sur le site, et je suis tomber sur ton formulaire un peu spéciale, puisqu'il faut tout copier collé pour te l'envoyer, je me suis donc décidé, pour m'entrainer et m'amuser, à te faire un formulaire tout propre ainsi que le mailer PHP, si tu veux tout ca vas sur http://meteo.villa-sud.com/form.htm tu aura ainsi acces au formulaire qui est presque une copie parfaite de celui de ton site, mais accessibilité en plus, ainsi que la fonction POST pour que tu puisse tout recevoir par mail.

Si tu veux les fichiers demande le içi ou répond moi par mail, voila @+++

Edit : Fichiers du Formulaire à télécharger.
Modifié par Super_baloo8 (05 Oct 2005 - 03:40)
Merci d'avoir répondu Rom, j'ai vu que tu avais mis un lien vers le formulaire, mais le problème est que je n'hébergerais pas indéfiniment ce formulaire donc si tu le veux bien fais moi un signe sinon tchao tien liens vers le formulaire implanté dans ton site http://meteo.villa-sud.com/article-879260.html pour le télécharger c'est içi http://meteo.villa-sud.com/meteo.zip

Edit : Je n'avais pas vu que tu m'avais envoyer un mail désolé.
Modifié par Super_baloo8 (06 Oct 2005 - 03:34)
Sujet clos
Aller à