Menu de nav:quell est la meilleure technique?
Résolu
a.finot
Messages postés
74
Date d'inscription
Statut
Membre
Dernière intervention
-
a.finot Messages postés 74 Date d'inscription Statut Membre Dernière intervention -
a.finot Messages postés 74 Date d'inscription Statut Membre Dernière intervention -
Bonjour,
J'apprends dans des bouquins depuis 2-3 mois (html, php, javascript) et j'ai lu qu'il y avait plusieurs techniques pour faire les menus de nav d'1 site.
Moi j'aimerais pouvoir utiliser une image différente pour chaque "bouton" de ma barre de menu horizontale, pour chaque état, et je n'arrive pas à le faire, ni avec les tableaux, ni les listes (et avec les CSS biensûr)... Y'a-t-il d'autres moyens ?
Du coup je vous demande votre avis : selon-vous, quelle est la meilleure technique à utiliser ?
Merci pour vos réponses !
J'apprends dans des bouquins depuis 2-3 mois (html, php, javascript) et j'ai lu qu'il y avait plusieurs techniques pour faire les menus de nav d'1 site.
Moi j'aimerais pouvoir utiliser une image différente pour chaque "bouton" de ma barre de menu horizontale, pour chaque état, et je n'arrive pas à le faire, ni avec les tableaux, ni les listes (et avec les CSS biensûr)... Y'a-t-il d'autres moyens ?
Du coup je vous demande votre avis : selon-vous, quelle est la meilleure technique à utiliser ?
Merci pour vos réponses !
A voir également:
- Menu de nav:quell est la meilleure technique?
- Menu déroulant excel - Guide
- Nav privée - Guide
- Canon quick menu - Télécharger - Utilitaires
- Windows 11 menu contextuel classique - Guide
- Windows 11 menu démarrer classique - Guide
10 réponses
Pour les menus, rien ne vaut le css (en plus les liens du menu sont mieux suivis par les moteurs dans un menu "propre"). Si tu n'y parviens pas, tu peux récupérer des menus tout faits avec le code là :
http://e-lusion.com/terminated-page.htm
https://www.christopher-ware.com/images/cssmenus/menus.html
http://www.izzymenu.com/
Sinon télécharge ce logiciel gratuit qui génère des menus en css et xhtml
http://www.clubic.com/telecharger-fiche15562-css-tab-designer.html
Pour ce dernier, si tu sais retoucher les images de background, tu peux faire ce que tu veux...
http://e-lusion.com/terminated-page.htm
https://www.christopher-ware.com/images/cssmenus/menus.html
http://www.izzymenu.com/
Sinon télécharge ce logiciel gratuit qui génère des menus en css et xhtml
http://www.clubic.com/telecharger-fiche15562-css-tab-designer.html
Pour ce dernier, si tu sais retoucher les images de background, tu peux faire ce que tu veux...
Merci de t'occuper de moi ;-) !
J'ai été visiter les liens que tu m'as donné et c'est bon à savoir !
Je travaille dans Dreamweaver. Je sais faire un menu à partir d'une liste mais ce que je voudrais faire c'est avoir une image différente pour chaque élément de mon menu et que les éléments de mon menu ne soient pas tous exactement de la même taille et j'ai l'impression que ce n'est pas possible, en tout cas avec les listes... or, rien n'est impossible !
Est-ce que tu sais comment c'est faisable ?
J'ai été visiter les liens que tu m'as donné et c'est bon à savoir !
Je travaille dans Dreamweaver. Je sais faire un menu à partir d'une liste mais ce que je voudrais faire c'est avoir une image différente pour chaque élément de mon menu et que les éléments de mon menu ne soient pas tous exactement de la même taille et j'ai l'impression que ce n'est pas possible, en tout cas avec les listes... or, rien n'est impossible !
Est-ce que tu sais comment c'est faisable ?
Merci ! Merci ! Merci !
Là j'étais en train de faire un essai avec 1 tableau d'1ligne et 7 col. j'étais en train de donner un ID à chaque cellule quand tu m'as répondu.
Voici le code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#menu {
position: absolute;
height: 29px;
width: 900px;
}
-->
</style>
</head>
<body>
<table width="900" border="0" cellpadding="0" cellspacing="0" id="menu">
<tr>
<td id="menu1"><a href="#">a</a></td>
/*doit faire 124x29px*/
<td id="menu2"><a href="#">b</a></td>
/*doit faire 122x29px*/
<td id="menu3"><a href="#">c</a></td>
/*doit faire 126x29px*/
<td id="menu4"><a href="#">d</a></td>
/*doit faire 115x29px*/
<td id="menu5"><a href="#">e</a></td>
/*doit faire 104x29px*/
<td id="menu6"><a href="#">f</a></td>
/*doit faire 195x29px*/
<td id="menu7"><a href="#">g</a></td>
/*doit faire 114x29px*/
</tr>
</table>
</body>
</html>
Là j'étais en train de faire un essai avec 1 tableau d'1ligne et 7 col. j'étais en train de donner un ID à chaque cellule quand tu m'as répondu.
Voici le code :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Document sans nom</title>
<style type="text/css">
<!--
#menu {
position: absolute;
height: 29px;
width: 900px;
}
-->
</style>
</head>
<body>
<table width="900" border="0" cellpadding="0" cellspacing="0" id="menu">
<tr>
<td id="menu1"><a href="#">a</a></td>
/*doit faire 124x29px*/
<td id="menu2"><a href="#">b</a></td>
/*doit faire 122x29px*/
<td id="menu3"><a href="#">c</a></td>
/*doit faire 126x29px*/
<td id="menu4"><a href="#">d</a></td>
/*doit faire 115x29px*/
<td id="menu5"><a href="#">e</a></td>
/*doit faire 104x29px*/
<td id="menu6"><a href="#">f</a></td>
/*doit faire 195x29px*/
<td id="menu7"><a href="#">g</a></td>
/*doit faire 114x29px*/
</tr>
</table>
</body>
</html>
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Pour ne pas refaire ce qu'on trouve déjà sur le web, et comme l'explication est bonne (voir en fin de tuto pour des blocks menu de taille différente). Tu peux t'inspirer de ça
http://www.astanos.ch/fr/blog/3-css-menu-avec-liste-et-image-de-fond-qui-change.html
Un bon point c'est que ce n'est pas en tableau. Les tableaux ne doivent servir qu'à faire des tableaux (pour présenter des données tabulaires, et encore). Si tu te lances dans l'apprentissage, il vaut mieux prendre les bonnes habitudes dès le départ et ne pas faire de mise en page de site en tableaux.
Si tu butes sur qq chose, reviens poser ta question...
http://www.astanos.ch/fr/blog/3-css-menu-avec-liste-et-image-de-fond-qui-change.html
Un bon point c'est que ce n'est pas en tableau. Les tableaux ne doivent servir qu'à faire des tableaux (pour présenter des données tabulaires, et encore). Si tu te lances dans l'apprentissage, il vaut mieux prendre les bonnes habitudes dès le départ et ne pas faire de mise en page de site en tableaux.
Si tu butes sur qq chose, reviens poser ta question...
TEMCA je voulais te remercier car grace à toi j'ai réussit à faire exactement ce que je voulais. Je suis super contente et je suis tout à fait d'accord avec toi : il faut prendre des bonnes habitudes dès le départ et c'est ce que j'essaie de faire !!!
Tu ne donnes pas des cours par hasard ?... parce que les bouquins de 600pages j'en peux plus ;-)
Encore Merci !!!!
P.S : T'as pas un bon plan dans le genre pour faire des pages administrables en php ?
Tu ne donnes pas des cours par hasard ?... parce que les bouquins de 600pages j'en peux plus ;-)
Encore Merci !!!!
P.S : T'as pas un bon plan dans le genre pour faire des pages administrables en php ?
Content d'avoir pu te venir en aide ! :o)
Des cours, non, je n'ai pas trop le temps pour ça (je bosse quand même lol). De l'aide par contre oui, je fais ça très souvent sur plusieurs forums.
Pour administrer les pages en php, tu entends quoi ? Si c'est pour la mise à jour de site, je suis toujours à la recherche du déjà fait pour ne pas réinventer la roue. Je prends des CMS existants, je les décortique et je les remonte à ma sauce selon mes besoins.
Quelques exemples de base à utiliser telles quelles ou à modifier selon tes besoins :
https://speaklight.com/?gclid=CJGw9ryptpYCFQkNuwodpjC1Kw
http://ajaxcmscreator.developerinabox.qarchive.org/
http://www.igswsoft.com/
https://www.movabletype.com/
https://textpattern.com/
Après il existe les traditionnels joomla, ModX (que j'aime bien avec tous ses modules comme joomla) SPIP, etc...
D'autre part, l'apprentissage est sans fin (c'est ce qui le rend intéressant) et il y a des nouveautés très souvent dans le domaine du web (design, dév., référencement) donc comme je l'ai dit en première réponse, cherche d'abord ce qui existe, teste et après adapte le. Mais tout en ne perdant pas de temps à faire ce qui existe déjà, et surtout en partant sur les bonnes bases...
Des cours, non, je n'ai pas trop le temps pour ça (je bosse quand même lol). De l'aide par contre oui, je fais ça très souvent sur plusieurs forums.
Pour administrer les pages en php, tu entends quoi ? Si c'est pour la mise à jour de site, je suis toujours à la recherche du déjà fait pour ne pas réinventer la roue. Je prends des CMS existants, je les décortique et je les remonte à ma sauce selon mes besoins.
Quelques exemples de base à utiliser telles quelles ou à modifier selon tes besoins :
https://speaklight.com/?gclid=CJGw9ryptpYCFQkNuwodpjC1Kw
http://ajaxcmscreator.developerinabox.qarchive.org/
http://www.igswsoft.com/
https://www.movabletype.com/
https://textpattern.com/
Après il existe les traditionnels joomla, ModX (que j'aime bien avec tous ses modules comme joomla) SPIP, etc...
D'autre part, l'apprentissage est sans fin (c'est ce qui le rend intéressant) et il y a des nouveautés très souvent dans le domaine du web (design, dév., référencement) donc comme je l'ai dit en première réponse, cherche d'abord ce qui existe, teste et après adapte le. Mais tout en ne perdant pas de temps à faire ce qui existe déjà, et surtout en partant sur les bonnes bases...
Merci... ENCORE pour tous tes conseils. J'irai voir tout ça très bientôt parce que je vais en avoir besoin ! Je n'en suis qu'au début et j'essaie d'avoir des bases solides mais c'est vrai qu'après c'est sympa d'avoir toujours de nouvelles techniques et possibilités d'expression !
J'espère qu'on se recroisera sur les forums.
D'ailleurs, à part celui-ci, sur lesquels vas-tu ?
A plus
J'espère qu'on se recroisera sur les forums.
D'ailleurs, à part celui-ci, sur lesquels vas-tu ?
A plus
N'oublie pas une chose, d'un navigateur à l'autre, d'une version à l'autre d'un même navigateur il y a des différences d'interprétation de ton code qui génèrent des problèmes d'affichage. Donc tes sites seront à tester sur plusieurs navigateur pour une compatibilité maxi.
Tu peux me croiser sur forum-webmaster, forum-marketing, forum Web Rank Info... etc...
Tu peux me croiser sur forum-webmaster, forum-marketing, forum Web Rank Info... etc...