Faire un menu HTML

Résolu/Fermé
Alblo Messages postés 35 Date d'inscription mercredi 29 avril 2009 Statut Membre Dernière intervention 4 janvier 2013 - 29 juil. 2009 à 11:38
Archeus01 Messages postés 1571 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 - 29 juil. 2009 à 16:28
Bonjour,
Sur mon site je voudrais faire un menu horizontal sur une barre de couleur avec les liens espacé.
Voici le code HTML :

<div id="menu">
<div class="element_menu">
<li><a href="index.html">Accueil</a></li>
<li><a href="internet.html">Internet</a></li>
<li><a href="systeme_dexploitation.html">Système d'exploitation</a></li>
<li><a href="programmation.html">Programmation</a></li>
<li><a href="feuille_de_voc.html"> Feuille de vocabulaire</a></li>
</div>
</div>

le CSS :

#menu {
background: #9370DB;
float: top;
width: 97%;
height: 50px;
margin-bottom: 10px;
}

#menu li{
display: inline;
}

je voudrais des liens espacé. Allez voir sur aideeninformatique.free.fr vous comprendrez un peu mieux le problème

Je vous remercie d'avance ;)
A voir également:

8 réponses

cybertipunch Messages postés 635 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 28 juillet 2016 176
29 juil. 2009 à 11:55
Bonjour,

Peut-être , il faut enlever le souligné , car c'est plus lisible, j'ai ajouté des  
Vous avez le texte sombre sur un fond sombre. Pour les myopes comme moi, c'est un peu dur
;-)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Document sans nom</title>
<link href="Untitled-3.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
a:link {
text-decoration: none;
}
a:visited {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
a:active {
text-decoration: none;
}
-->
</style></head>
<body>
<div id="menu">
<div class="element_menu">
<li><a href="index.html"> Accueil </a></li>
<li><a href="internet.html"> Internet </a></li>
<li><a href="systeme_dexploitation.html"> Système d'exploitation </a></li>
<li><a href="programmation.html"> Programmation </a></li>
<li><a href="feuille_de_voc.html"> Feuille de vocabulaire </a></li>
</div>
</div>
</body>
</html>
0
Archeus01 Messages postés 1571 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 449
29 juil. 2009 à 11:55
Bonjour,

(pas testé)
Avec un
#menu li{
display: inline;
width: 20%;
}
sa va pas mieux?
0
cybertipunch Messages postés 635 Date d'inscription jeudi 7 février 2008 Statut Membre Dernière intervention 28 juillet 2016 176
29 juil. 2009 à 11:59
Re

J'ai ajouté des nbsp avant et après les rubriques.
CCM n'affiche pas , désolé
0
Alblo Messages postés 35 Date d'inscription mercredi 29 avril 2009 Statut Membre Dernière intervention 4 janvier 2013 2
29 juil. 2009 à 11:59
Je vous remercie pour les couleurs mais je compter les changer. par contre :
#menu li{
display: inline;
width: 20%;
}

cela ne marche pas :(
0

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

Posez votre question
un truc : quand tu mets des <li></li> faut peut etre mettre un <ul> au debut et un </ul> a la fin....

Sinon pourquoi t'utilises pas un tableau ?

<table>
0
<table>
<tr>
<td><a href="index.html">Accueil</a></td>
<td><a href="internet.html">Internet</a></td>
...etc
</table>
0
Alblo Messages postés 35 Date d'inscription mercredi 29 avril 2009 Statut Membre Dernière intervention 4 janvier 2013 2
29 juil. 2009 à 15:38
effectivement avec un tableau c'est beaucoup plus simple ^^

je vous remercie :p
0
Archeus01 Messages postés 1571 Date d'inscription mercredi 3 octobre 2007 Statut Membre Dernière intervention 9 juin 2022 449
29 juil. 2009 à 16:28
Bonjour, j'ai du faire face au même problème cette même journée même si ct pas pour une liste. Ton code est
#menu li{
display:block;
float:left; ;
width: 20%;
}

Pourquoi utiliser une table quand c'est pour une liste? Une liste est plus légère et rends le web accessible, par exemple, aux non-voyants.
0