Aide realisation d'un Menu

Résolu/Fermé

fr.502205059 - 6 oct. 2009 à 11:08
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!!!

A voir également:

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

10 réponses

Réponse 1 / 10

chris05 Messages postés 349 Date d'inscription jeudi 13 mars 2008 Statut Membre Dernière intervention 24 septembre 2024 28
6 oct. 2009 à 12:03

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 mardi 4 août 2009 Statut Membre Dernière intervention 14 octobre 2009 2
6 oct. 2009 à 12:18

salut,

un lien utile

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

Réponse 3 / 10

fr.502205059
6 oct. 2009 à 18:48

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 samedi 7 avril 2007 Statut Contributeur Dernière intervention 5 février 2015 109
6 oct. 2009 à 19:16

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
6 oct. 2009 à 21:15

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 jeudi 29 mai 2008 Statut Membre Dernière intervention 4 août 2013 51
6 oct. 2009 à 21:20

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
8 oct. 2009 à 11:58

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 23666 Date d'inscription samedi 22 octobre 2005 Statut Modérateur Dernière intervention 2 janvier 2025 2 392
8 oct. 2009 à 12:02

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 jeudi 29 mai 2008 Statut Membre Dernière intervention 4 août 2013 51
8 oct. 2009 à 12:39

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
8 oct. 2009 à 13:04

Merci beaucoup!!!!

Discussions similaires

calcul taux de realisation

Calcul pourcentage d'un objectif

calculer taux de réalisation inversé

menu caché

Comment retrouver le bouton menu de Tv Tcl