Faire un menu HTML
Résolu
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 ;)
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 ;)
Configuration: Windows Vista Firefox 3.0.12
8 réponses
-
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> -
Bonjour,
(pas testé)
Avec un
#menu li{
display: inline;
width: 20%;
}
sa va pas mieux? -
Re
J'ai ajouté des nbsp avant et après les rubriques.
CCM n'affiche pas , désolé -
Je vous remercie pour les couleurs mais je compter les changer. par contre :
#menu li{
display: inline;
width: 20%;
}
cela ne marche pas :( -
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> -
<table>
<tr>
<td><a href="index.html">Accueil</a></td>
<td><a href="internet.html">Internet</a></td>
...etc
</table> -
effectivement avec un tableau c'est beaucoup plus simple ^^
je vous remercie :p -
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.
