Aide realisation d'un Menu

Résolu

fr.502205059 -
fr.502205059 - 8 oct. 2009 à 13:04

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!!!

Afficher la suite

A voir également:

Aide realisation d'un Menu
Menu déroulant excel - Guide
Canon quick menu - Télécharger - Utilitaires
Windows 11 menu contextuel classique - Guide
Windows 11 menu démarrer classique - Guide
Réinitialiser menu démarrer windows 10 - Guide

10 réponses

Réponse 1 / 10

chris05 Messages postés 349 Date d'inscription Statut Membre Dernière intervention 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>

Réponse 2 / 10

XxIncontournablexX Messages postés 50 Date d'inscription Statut Membre Dernière intervention 3

salut,

un lien utile

http://css.mammouthland.net/menu-horizontal-en-css.php

Réponse 3 / 10

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.

Réponse 4 / 10

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

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

Posez votre question

Réponse 5 / 10

fr.502205059

Quelq'un peu me donner le début du code ? J'y arrive pas. T_T

S'il vous plaît.

MERCI!!!!

Réponse 6 / 10

bookboy Messages postés 263 Date d'inscription Statut Membre Dernière intervention 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 !

Réponse 7 / 10

fr.502205059

Ya un souci, le float right ne marche pas.
Sinon merci comme meme c'est gentil =D.

Réponse 8 / 10

bg62 Messages postés 23735 Date d'inscription Statut Modérateur Dernière intervention 2 409

perso ... j'en ai marre des 'anonymes' qui n'ont même pas le temps (et la politesse !) de s'inscrire ... alors .... bye !

Réponse 9 / 10

bookboy Messages postés 263 Date d'inscription Statut Membre Dernière intervention 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.

Réponse 10 / 10

fr.502205059

Merci beaucoup!!!!

Discussions similaires

calcul taux de realisation

menu caché

Comment activer le Bluetooth sur une TV Samsung ?

Mon PC marque press the esc key for startup menu

Déblocage du mode hôtel Philips 20HF5234/10

Votre réponse

Discussions similaires