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!!!
Configuration: Windows XP Internet Explorer 6.0

10 réponses

  1. 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
  2. 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
  3. Vous n’avez pas trouvé la réponse que vous recherchez ?

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