SPIP - Contrib

[ar] [en] [es] [fr] [it]



Accueil du site > Navigation > Tris Alphabétiques

Plan arborescent

dimanche 27 février 2005, par Miss Mopi. Dernier ajout samedi 9 décembre 2006


Une petite liste, quelques lignes de CSS et on obtient une belle arborescence présentant le plan du site.


Introduction

Grâce à quelques astuces CSS appliquées à une liste, il est possible d’obtenir un plan du site présenté sous forme arborescente. Il suffit d’appliquer des bordures aux bons éléments.

Dans l’exemple donné ci-dessous les rubriques sont en gras et un petit peu plus grande que les articles pour les différencier. Je n’ai pas intégré les brèves dans ce plan.

Un exemple se trouve ici

La boucle

Le code CSS

A intégrer en entête de votre page ou dans le fichier CSS de votre squelette.


Répondre à cet article

  • Plan arborescent

    5 novembre 2005 19:06, par druith

    J’ai un problème sous I.E avec ce plan. Les balises

  • sont décalées de 5px vers la droite par rapport à Firefox, et il faut mettre margin-left : -5px ; dans ul.plansite li a mais dans ce cas c’est Firefox qui n’affiche plus correctement ! Je vais quand même pas utiliser du JavaScript pour ça ?!

    Je suis le seul à rencontrer ce problème ?

  • Voir en ligne : page "plan.php3" de mon site

    Répondre à ce message

Retour au début des forums

  • variante

    28 février 2005 08:08, par Bionet

    Je viens de faire une petite variante (j’ai sorti la balise strong du code html pour l’intégrer au CSS ce qui est plus logique).

    J’ai également utilisé la balise #EXPOSER pour signaler la rubrique en cours.

    Voir en ligne : BioSPIP.org

    Répondre à ce message

    Retour au début des forums



  • Suivre la vie du site RSS 2.0 | Plan du site | Espace privé | Charte et vie SPIP-Contrib | SPIP | L'autre.net