Explication pour faire un menu comme...

[marvine28]

Bonjours à tous,

j'aimerais faire un menu comme sur le site www.reuters.com ( à gauche dans la page). Je pourrais faire une simple table mais je me demande surtout comment faire une ligne de couleur en chaque cellule sans que cette ligne fasse le tour de la cellule.

Devrais-je faire une table en html ou un truc en css ( alors là j'aurais aucune idée comment faire ).

Alors si quelqu'un pouvait m'aider ou tout simplement me donner une piste, ce serait bien apprécié.

Cordialement,

Olivier

[karnabal]

Salut,

On fait généralement les menus en liste (utilisation des balises <ul> et <li>) et pour ton cas on applique une bordure en haut ou en bas des blocs délimités par les balises <li>.

Inspire-toi de cela et reviens avec ton code si tu veux.

[marvine28]

Salut, je ne l'ais pas encore fait par manque de temps mais je voulais juste te remercier pour le lien et avoir prit le temps d'écrire ce message,

Merci

[MarvinLeRouge]

Salut,

Petit truc : les liens sur le site de Reuters occupent tout l'espace entre les traits, en largeur notamment.

Tu auras donc probablement à utiliser display : block; dans tes css

[marvine28]

Bonjour,

C'est encore moi , j'aimerais aussi savoir comment fait-on pour que une cellule en particulié aille une couleur de background différente que les autres (pour délimiter les sections): http://today.reuters.com/news/home.aspx comme encore sur cette exemple.

Est-ce que ça se fait sur le css ou directement dans le code xhtml ( mais il ne sera plus valide-strict ).

Par exemple si je veux que ma 2eme cellules aille le fond rouge et que ma trousième le fond soit vert.

Merci d'avance.

[baulet]

bon(soir)jour

tu crée différentes classes, une pour chaque couleur par exemple, et tu les assigne comme ceci:

<ul>
<li><a class="rouge" href="http://...."></a></li>
<li><a class="bleu" href="http://...."></a></li>
<li><a class="blanc" href="http://...."></a></li>
<li><a class="rouge" href="http://...."></a></li>
...
</ul>

[Billyboy]

Tu peux suivre mon tuto par exemple

http://www.tuto-fr.com/tutoriaux/tutorial-...roulant-css.php

Je pense qu'il pourrais t'aider.

++