Liste horizontale
Résolu
Debutant en webmastering
Messages postés
401
Date d'inscription
Statut
Membre
Dernière intervention
-
Debutant en webmastering Messages postés 401 Date d'inscription Statut Membre Dernière intervention -
Debutant en webmastering Messages postés 401 Date d'inscription Statut Membre Dernière intervention -
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.
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:
- Liste horizontale
- Liste déroulante excel - Guide
- Liste déroulante en cascade - Guide
- Liste code ascii - Guide
- Ligne horizontale word - Guide
- Site dangereux liste - Guide
<!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;
}