Dans la peau d'une biroute

Harmoniser ses listes de liens

--> Un bloc libre comme liste de liens ?

Certains (et certaine) n'ont pas assez avec les blocs de liens fournis par défaut dans une mise en page. Ils utilisent alors un bloc libre pour faire une nouvelle liste de liens, et là, tout bascule. La liste n'est plus présentée comme les autres listes de liens, ils trouvent ça moche et ils finissent par changer de mise en page en me maudissant moi et ma famille sur 42 générations. Pour éviter ces petit désagréments, il suffit de lire la suite de cet article.

La solution n'est pas technique mais plutôt ennuyeuse à utiliser. Il s'agit de créer ses listes de la même façon que celles générées automatiquement par Aquarium. Je m'explique : dans le menu de droite, vous voyez normalement un bloc nommé liens pour les standards. Ce bloc a été crée grâce à un bloc libre. La seule chose à faire est de rajouter une classe à chaque élément de la liste. Le code de se bloc est donc en intégralité :

<ul>
<li class="listeLiens">
<a hreflang="fr" href="http://openweb.eu.org/" title="Openweb">Openweb</a>
</li>
<li class="listeLiens">
<a hreflang="en" href="http://www.alistapart.com/">A list Apart</a>
</li>
<li class="listeLiens">
<a hreflang="en" href="http://www.w3c.org/" title="World Wide Web Consorsium">W3C</a>
</li>
</ul>

Comme vous le voyez, on a rajouté à chaque élément li le morceau de code class="listeLiens" (attention, la majuscule de listeLiens est importante). Cette simple classe permet de différencier une simple liste d'une liste de liens et de d'harmoniser l'apparence. Cela me fait penser qu'il faudra un jour que j'explique comment est créé l'effet sur les listes. Le seul problème ici est qu'il faut absolument rajouter la classe sur tous les éléments de la liste. Cette solution est donc facile mais un peu ennuyeuse à utiliser.

Ecrit par be-rewt, le Mercredi 4 Février 2004, 18:52 dans la rubrique "Aquarium".

Repondre a cet article