Aide realisation d'un Menu

Résolu
fr.502205059 -  
 fr.502205059 -
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:
<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!!!
A voir également:

10 réponses

chris05 Messages postés 374 Statut Membre 28
 
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>
0
XxIncontournablexX Messages postés 59 Statut Membre 3
 
0
fr.502205059
 
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.
0
leparradiss Messages postés 777 Date d'inscription   Statut Contributeur Dernière intervention   111
 
Tu 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

0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
fr.502205059
 
Quelq'un peu me donner le début du code ? J'y arrive pas. T_T


S'il vous plaît.

MERCI!!!!
0
bookboy Messages postés 280 Statut Membre 51
 
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 !
0
fr.502205059
 
Ya un souci, le float right ne marche pas.
Sinon merci comme meme c'est gentil =D.
0
bg62 Messages postés 26239 Date d'inscription   Statut Modérateur Dernière intervention   2 423
 
perso ... j'en ai marre des 'anonymes' qui n'ont même pas le temps (et la politesse !) de s'inscrire ... alors .... bye !
0
bookboy Messages postés 280 Statut Membre 51
 
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.
0
fr.502205059
 
Merci beaucoup!!!!
0