Saut de page suite à un <br /> avec css

Bonsoir,

J'ai un long texte avec au début un <p> et à la fin </p>.

Au bout de chaque phrase, j ai un <br />.

J aimerai qu'après le <br />, un autre saut de page se produise en me servant de la css.

Merci par avance

Bonjour,

Mettre plusieurs br à la suite est souvent la preuve qu'il manque un (ou plusieurs) paragraphe(s), bloc(s)...
Pourquoi un seul paragraphe pour englober ce "long texte" ?
Pour "aérer" ce texte, tu peux jouer sur la hauteur de ligne, sur les marges des paragraphes...

Tu peux également/éventuellement styliser cette balise br, par exemple :

br {
	margin: 0 0 40px;
}

Merci de cette réponse !

J'aimerai savoir à quoi correspond les 0 0 avant 40px.

Merci par avance

Re,

Il s'agit d'une propriété raccourcie.
On définit les valeurs des propriétés dans le sens des aiguilles d'une montre en partant de midi (soit : top, right, bottom, et left) si top et bottom ou left et right sont de valeur égale, on ne mentionne qu'une fois cette valeur.
Cela revient donc à écrire :

br {
  margin-top:0;
  margin-right:0;
  margin-bottom:40px;
  margin-left:0;
}

Cela réduit le poids des feuilles de styles.

Sinon, plusieurs paragraphes, c'est bien aussi

Cela ne fonctionne et je ne vois pas pourquoi !

Merci de votre aide

Bonjour,

A priori, si, cela fonctionne.
Merci de fournir une page de test en ligne, ou l'adresse de votre site.

Voici ma css :

 <style type="text/css">
				
				  @page { 
					size: 15cm 23cm; 
					margin-right: 1.91cm; 
					margin-top: 1.27cm; 
					margin-bottom: 1.27cm;
				}
				
				br {
                                        margin-top:0;
                                        margin-right:0;
                                        margin-bottom:0.75cm; 
                                         margin-left:0;
                                 }
                
		                 p {
					text-indent:0;     
					margin-left:0;     
					margin-right:0;     
					margin-top:0;     
					margin-bottom:0cm;     
					text-align: justify;     
					font-family: "Times New Roman";
					font-size: 14pt;
				}

et un exemple de texte :

<p> Je remercie également l'éditeur qui m’a poussé à faire des corrections tout au long de l’écriture initiale de mon livre.<br />
  Je remercie mon épouse qui a dû me supporter durant tous ces longs mois d’écriture.</p>

Merci encore mais là je ne vois pas mon erreur
Modifié par 6l20 (23 Dec 2013 - 13:52)

Hello,

Ah, il s'agit d'une feuille de styles pour impression, l'information n'est pas négligeable !
Tu as bien précisé le type de media ?

<style type="text/css" media="print">
ou 
<link rel="stylesheet" type="text/css" href="ma_feuille_css_imprimante.css" media="print" />

Au risque de me répéter, ça fonctionne, je viens de refaire le test

C'eut été mieux de voir ta page en ligne, mais encore une fois, tu peux fort bien utiliser plusieurs paragraphes et jouer sur la marge basse (dans ton exemple, deux paragraphes ne me choqueraient pas)

Pour finir, le net regorge d'informations sur les feuilles de styles pour le media print, sur Alsacreations:
Faire une feuille de style CSS print pour l'impression
Une feuille de styles de base pour le media print
Explorer les possibilités des CSS pour l'impression avec Prince XML
Ailleurs :
Maîtriser l’impression CSS
Une feuille de style pour l’impression

Bon courage, et bonnes fêtes de fin d'année
Modifié par 6l20 (23 Dec 2013 - 14:39)