Liste horizontale

Résolu/Fermé
Debutant en webmastering Messages postés 401 Date d'inscription lundi 6 juin 2011 Statut Membre Dernière intervention 27 janvier 2021 - 16 janv. 2012 à 12:00
Debutant en webmastering Messages postés 401 Date d'inscription lundi 6 juin 2011 Statut Membre Dernière intervention 27 janvier 2021 - 16 janv. 2012 à 12:19
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.

1 réponse

Debutant en webmastering Messages postés 401 Date d'inscription lundi 6 juin 2011 Statut Membre Dernière intervention 27 janvier 2021
16 janv. 2012 à 12:07
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 401 Date d'inscription lundi 6 juin 2011 Statut Membre Dernière intervention 27 janvier 2021
16 janv. 2012 à 12:19
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