Liste horizontale

Résolu
Debutant en webmastering Messages postés 444 Statut Membre -  
Debutant en webmastering Messages postés 444 Statut Membre -
Bonjour,


je poste ce message car j'ai un petit souci avec un <ul>
celui-ci affiche ma liste de façon verticale hors je voudrais un affichage horizontal (c'est pour la création de mon menu)

je pense que c'est une méconnaissance de la fonction de ma part mais si vous voulez voir mon code n'hésitez pas à me demander

merci pour vos réponses.
A voir également:

1 réponse

Réponse 1 / 1
Debutant en webmastering Messages postés 444 Statut Membre
 
je viens de trouver la réponse désolé pour ce post inutile (si quelqu'un pouvait me dire s'il est possible de supprimer un post)

réponse : display : inline;
0
Debutant en webmastering Messages postés 444 Statut Membre
 
petit souci par contre l'affichage est mauvais

<!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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" href="stageBTSpolyservices.css">
</head>

<body>
<div id="bannière"><img src="._bluesPoly2.psd">
<br/>
<ul id="menu">
<li class="coins"><a href="">Produit</a></li>
<li class="coins"><a href="">Accueil</a></li>
<li class="coins"><a href="">Société</a></li>
<li class="coins"><a href="">Nous contacter</a></li>
</ul>

#menu
{

line-height :60px;
font-weight : bold; /* On met le texte en gras */
font-family : Arial; /* On utilise Arial */
font-size : 12px; /* Hauteur du texte : 12 pixels */
width : 800px;
margin : 2px solid;

}

#menu a /* Contenu des listes */
{
/*display : block; /* On change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* Aucune marge intérieure */
background : #808080; /* Couleur de fond */
color : #FFFFFF; /* Couleur du texte */
text-decoration : none; /* On supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 100px; /* Largeur */
text-align : center; /* Permet de centrer le texte */

}

#menu li
{
display : block-inline;
}
0