Aide realisation d'un Menu
Résolu
Bonjour,
Pourrais-je avoir un peu d'aide pour la realisation de mon Menu, je voudrais qu'il ressemble a l'image ci-dessous mais j'ai de gros problème pour la partie css =). Comment faire pour la partie (Français/English)?
Image du menu:
http://myxfrd.free.fr/menu.jpg
Voila le code html:
Merci beaucoup!!!
Pourrais-je avoir un peu d'aide pour la realisation de mon Menu, je voudrais qu'il ressemble a l'image ci-dessous mais j'ai de gros problème pour la partie css =). Comment faire pour la partie (Français/English)?
Image du menu:
http://myxfrd.free.fr/menu.jpg
Voila le code html:
<ul id="menu">
<li><a href="#">Accueil</a></li>
<li><a href="#">New's</a></li>
<li><a href="#">Livre d'or</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Admin</a></li>
</ul>
Merci beaucoup!!!
Configuration: Windows XP Internet Explorer 6.0
10 réponses
-
Un truc du genre ?
<a href="#">Accueil</a>
<a href="#">New's</a>
<a href="#">Livre d'or</a>
<a href="#">Contact</a>
<a href="#">Admin</a>
<a href="#">Français</a> | <a href="#">English</a> -
-
Merci pour le tutos, mais c'est pas encore ça =S.
Voyez par vous même:
http://myxfrd.free.fr/
Je voulais un resultat de ce type:
Image =)
Merci. -
ContributeurTu peux trouver des tutoriels sympa pour réaliser ce gnre de menu ici
https://openclassrooms.com/fr/courses
ou bien ce genre :
http://normandlamoureux.com/cours/css/index.html
-
Quelq'un peu me donner le début du code ? J'y arrive pas. T_T
S'il vous plaît.
MERCI!!!! -
C'est franchement pas hyper compliqué si tu suis un minimum les cours du site du zéro.
Moi je ferais comme ça :
Code html :<div id="menu1"> <ul> <li><a href="#">Accueil</a></li> <li><a href="#">New's</a></li> <li><a href="#">Livre d'or</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Admin</a></li> </ul> </div> <div id="menu2"> <a href="#">Français</a> | <a href="#">Anglais</a> </div>
Code CSS :
#menu1 ul li { float:left; list-style-type:none; padding-left:7px; padding-right:7px; } #menu 2 { float:right; }
Un truc du genre devrait marcher ! -
Ya un souci, le float right ne marche pas.
Sinon merci comme meme c'est gentil =D. -
Modérateurperso ... j'en ai marre des 'anonymes' qui n'ont même pas le temps (et la politesse !) de s'inscrire ... alors .... bye !
-
Code html :
<div id="menu1"> <ul> <li><a href="#">Accueil</a></li> <li><a href="#">New's</a></li> <li><a href="#">Livre d'or</a></li> <li><a href="#">Contact</a></li> <li><a href="#">Admin</a></li> </ul> </div> <div id="menu2"> <a href="#">Français</a> | <a href="#">Anglais</a> </div>
Code CSS :
#menu1 ul li { float:left; list-style-type:none; padding-left:7px; padding-right:7px; } #menu2 { float:right; }
Oui j'avais mis un espace en trop, là ça marche. -
Merci beaucoup!!!!
