je me servirai du saut de page par ailleurs parce que ça pourrait bien m'aider sur d'autres articles mais ici, je trouve que ça alourdit un peu

merci beaucoup pour votre aide
Bonjour et bienvenue,
Si c'est votre première visite, nous vous invitons à consulter la Foire Aux Questions. Avant de pouvoir poster une question, vous devez vous enregistrer sur le site. Pour voir les messages, sélectionnez le forum que vous voulez visiter depuis la liste ci-dessous.
Rapide mode d'emploi pour créer une note :
L'Association Francophone des Utilisateurs de Joomla!™ est une association à but non lucratif, loi 1901. Elle a pour vocation de faire connaître le CMS Joomla!™ à travers son portail joomla.fr, le Joomladay, les rencontres JUGs et des évènements tels les salons sur logiciels libres.
Cordialement, et bonne continuation avec Joomla! : l'équipe du forum.
.upfaq-button {/*max-width: */;width:48%;margin-right:1%} .upfaq-content {/*max-width: */;width:96%;margin-left:2%;}
<hr class="system-pagebreak" alt="Faq lettre A" title="A" />
<section id="mafaq"> <header> <h1>Glossaire du site</h1> <p>Ici se trouve un glossaire concernant la photographie. </p> <p>Les définitions sont sur deux colonnes, pour simplifier la mise en page.</p> </header>
<section id="mafaq"> {up tab |title-tag=h2} <h2 id="lien-A" class="lettrine">A</h2> {up faq|title-tag=h3} <h3>Aberration chromatique</h3> <p>Il s’agit d’un défaut optique résultant de la décomposition de la lumière blanche en plusieurs bande de couleurs. On observe autour du blanc des contours flous ou une bande de couleur.</p> <h3>Arrière-plan</h3> <p>C’est la zone (floue ou nette) en arrière du sujet principal photographié.</p> <h3>Artefact</h3> <p>Il s’agit d’un défaut repéré sur une image souvent due à une compression trop forte de celle-ci. Par exemple, une grande ligne blanche ou un point noir sur une forte lumière.</p> <h3>Autofocus</h3> <p>Mise au point automatique sur un sujet.</p> <h3>Avant-plan</h3> <p>A l’inverse de l’arrière-plan, il s’agit tout simplement de la zone (floue ou nette) située avant votre sujet. On la nomme aussi « premier plan ».</p> {/up faq} <h2 id="lien-B" class="lettrine">B</h2> {up faq|title-tag=h3} <h3>Basse lumière</h3> <p>Ce sont les zones d’ombre ou les plus foncées sur une photo.</p> <p>Conditions de prise de vue comme par exemple lors d’un concert dans une petite salle, au lever ou coucher de soleil où la lumière est (particulièrement) faible.</p> {/up faq} {/up tab} </section>
section.colonne { -webkit-column-count:2; /* Opera, Safari, Google Chrome */ -moz-column-count: 2; /* Firefox */ column-count: 2; /* Internet Explorer */ -webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px; -webkit-column-rule: 2px dashed #555; -moz-column-rule: 2px dashed #555; column-rule: 2px dashed #555; }
<section class="colonne"> <h2 id="lien-A" class="lettrine">A</h2> <p>{up faq}</p> <p></p> <h4>Aberration chromatique</h4> <p>Il s’agit d’un défaut optique résultant de la décomposition de la lumière blanche en plusieurs bande de couleurs. On observe autour du blanc des contours flous ou une bande de couleur.</p> <h4>Arrière-plan</h4> <p>C’est la zone (floue ou nette) en arrière du sujet principal photographié.</p> <h4>Artefact</h4> <p>Il s’agit d’un défaut repéré sur une image souvent due à une compression trop forte de celle-ci. Par exemple, une grande ligne blanche ou un point noir sur une forte lumière.</p> <h4>Autofocus</h4> <p>Mise au point automatique sur un sujet.</p> <h4>Avant-plan</h4> <p>A l’inverse de l’arrière-plan, il s’agit tout simplement de la zone (floue ou nette) située avant votre sujet. On la nomme aussi « premier plan ».</p> <p>{/up faq}</p> <h2 id="lien-B" class="lettrine">B</h2> <p>{up faq}</p> <p></p> <h4>Basse lumière</h4> <ol> <li>Ce sont les zones d’ombre ou les plus foncées sur une photo.</li> <li>Conditions de prise de vue comme par exemple lors d’un concert dans une petite salle, au lever ou coucher de soleil où la lumière est (particulièrement) faible.</li> </ol> <h4>Balance des blancs</h4> <p>Une bonne balance des blancs permet d’équilibrer correctement les couleurs d’une photo. On retravaille souvent cette balance des blancs en post-traitement.</p> ... <p>{/up faq}</p> <h2 id="lien-I" class="lettrine sautcolonne">B</h2> ...
.sautcolonne {page-break-before: always;}
Laisser un commentaire: