Se connecter / S'enregistrer
Votre question

Barre de menu horizontale

Tags :
  • CSS
  • Programmation
Dernière réponse : dans Programmation
27 Mai 2011 18:40:56

Bonjour à tous, je cherche un peu d'aide car je bloque sur la création d'une barre de menu horizontale. Cette liste reste en vertical et je ne comprend pas pourquoi. Si quelqu'un pouvait me dire s'il voit quelque chose qui cloche dans mon fichier HTML ou CSS

Voici mon code HTML
Citation :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Exemple d'utilisation de CSS externe</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="Design" href="barre_menu.css" />
</head>
<body>
<div class="menu">
<ul>
<li><a href="" title=""><span> <img src=image_acceuil.png /> </span></a></li>
<li><a href="" title=""><span>Actualité </span></a></li>
<li><a href="" title=""><span>Club</span></a></li>
<li><a href="" title=""><span>Equipe </span></a></li>
<li><a href="" title=""><span>Saison</span></a></li>
<li><a href="" title=""><span>Agenda </span></a></li>
<li><a href="" title=""><span>Pronostiques</span></a></li>
<li><a href="" title=""><span>Multimédia </span></a></li>
</ul>
</div>
</body>
</html>


Voici mon code CSS
Citation :
.menu
{
display: inline ;
}

body
{
color:red;
}

Autres pages sur : barre menu horizontale

27 Mai 2011 18:52:52

déjà "Actualité " ne va pas avec "charset=iso-8859-1" ... au niveau du codage
ensuite pour ton menu, je pense que tu devrais revoir les bases de la css, car il manque beaucoup de choses dans sa conception ;) 
m
0
l
Contenus similaires
27 Mai 2011 20:11:41

Bonjour,

Tu ne dois pas appliquer un display: inline à la div mais à ta liste de puce...
m
0
l
Tom's guide dans le monde
  • Allemagne
  • Italie
  • Irlande
  • Royaume Uni
  • Etats Unis
Suivre Tom's Guide
Inscrivez-vous à la Newsletter
  • ajouter à twitter
  • ajouter à facebook
  • ajouter un flux RSS