Accès rapide : Aller au contenu de l'article |  Aller au menu |  Liste complète des articles  |  Aide  |  Contact |
bandeau

Accueil > Aides pour les nuls > Aller en dessous, passer une ligne

Aller en dessous, passer une ligne

 Aller en dessous

Le problème : on a deux photos côte à côte, il reste un peu de place à droite, on veut que le texte se place sous les photos.

Voilà comment faire :

– 1) fabriquer le fichier ..... dessous.html .... contenant uniquement la ligne suivante <hr classe="dessous" />
– 2) créer un sous-répertoire « modeles » dans le dossier « squelettes »
– 3) envoyer le fichier ... dessous.html ... dans squelettes/modeles
– 4) ouvrir le fichier spip_style.css et écrire, où on veut, la ligne suivante :
hr.dessous clear:both ; visibility:hidden ;

Quand tout ceci est fait, il suffit d’écrire <dessousXX> là où on veut aller en dessous. (en remplaçant XX par le numéro de l’article)

Exemple :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.
<dessous211>
Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum.

Cela donne ceci :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. <dessous211>Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae ; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum.

 Sauter une ligne ou deux

Le problème : on veut aller à la ligne et créer une ligne vide (ou deux ou plus)

Voilà comment faire :

– 1) fabriquer le fichier ..... lignevide.html .... contenant uniquement la ligne suivante <hr classe="lignevide" />
– 2) créer un sous-répertoire « modeles » dans le dossier « squelettes »
– 3) envoyer le fichier ... lignevide.html ... dans squelettes/modeles
– 4) ouvrir le fichier spip_style.css et écrire, où on veut, la ligne suivante :
hr.lignevide clear:both ; visibility:hidden ; padding-bottom : 10px ;

Quand tout ceci est fait, il suffit d’écrire <lignevideXX> là où on veut aller en dessous. (en remplaçant XX par le numéro de l’article)

Exemple (ici on va sauter deux lignes) :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi.
<lignevide211>
<lignevide211>
Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum.

Cela donne ceci :

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed non risus. Suspendisse lectus tortor, dignissim sit amet, adipiscing nec, ultricies sed, dolor. Cras elementum ultrices diam. Maecenas ligula massa, varius a, semper congue, euismod non, mi. <lignevide211><lignevide211>Proin porttitor, orci nec nonummy molestie, enim est eleifend mi, non fermentum diam nisl sit amet erat. Duis semper. Duis arcu massa, scelerisque vitae, consequat in, pretium a, enim. Pellentesque congue. Ut in risus volutpat libero pharetra tempor. Cras vestibulum bibendum augue. Praesent egestas leo in pede. Praesent blandit odio eu enim. Pellentesque sed dui ut augue blandit sodales. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae ; Aliquam nibh. Mauris ac mauris sed pede pellentesque fermentum.

Merci à Serge pour ces indications : http://www.capintranet.com/