Codage barre horizontale

[Ludo2910]

Bonjour,

En fait, je voulais tout simplement savoir comment coder ce genre de barre, se trouvant principalement en dessous du header :

http://www.photoshopspot.com/website_template/16.jpg

(EN fait ici, j'ai comme idée que je crée un autre bloc, ensuite je met des listes à puces, mais le prolème c'est que je ne sais pas trop comment les mettrent de manière horizontales et non verticales) Je me plante surement mais bon, je débute encore dans le domaine.

Grand merci à ceux qui sauront m'aider,

Ludo

[Gibou]

Tu peux les mettre dans un tableau n'ayant qu'une seule ligne et autant de colonnes que tu as de liens dans ton menu.

Tu peux utiliser des listes à puces en effet de cette manière :

<ul id="menu">
  <li>Home</li>
  <li>About</li>
  <li>Contacts</li>
  <li>Tutorials</li>
</ul>

et en css :

#menu
{
list-style-type:none;
height:40px; // environ à vue de pif
}

#menu li
{
float:left;
width:40px; //encore à vue de pif
height:40px;
}

Après, faudra que tu joues sur les marges entre les images pour que ça soit collé

[Ludo2910]

Merci Gibou , c'était tout bête, pourquoi je n'y ai pas pensé plus tôt.

[Dudu]

Salut

Comme Gibou j'opterais pour la liste.

Un bon site pour apprendre à utiliser les listes pour ses menus, et à leur donner un bel affichage: Listamatic