Saut de ligne

re-bonjour,

Non, il ne faut pas toucher à <br>

Il existe deux types d'éléments HTML:
- les éléments dits "encadrants": td /td, p /p, etc...
- les éléments non-encadrants dont br en fait partie. Il n'y a pas de /br par exemple...

On n'utilise la mise en forme des marges que sur les éléments encadrants. <br> étant un élément non encadrant, la redéfinition de marges ne s'y appliquera pas.

A+

Ca ne marche pas ou ce n'est pas propre ? Parce que <hr> n'est pas encadrant mais permet aisément d'y appliquer des marges !

<hr> est un pseudo-bloc....

certains éléments pourtant encadrants, tel <span>...<</span> ne sont pas des éléments "blocs", au contraire de <div>...</div>

<hr> n'est pas encadrant et a pourtant des spécificités de boc.

<br> a également une propriété de bloc comme <hr>, mais ce n'est pas "propre" effectivement de retoucher <br>

Dans ma suggestion de toucher à <p>...</p>, on exploite <p> comme élément encadrant. On définit la marge de séparation des blocs. On conserve ainsi à <br> son intégrité. Exemple:

<p>Je suggère:<br/>
 - la remise en cause des acquis,<br/>
 - la mise à contribution des plus nantis</p>
<p>Cette prise de position radicale déplaira à certains.</p>

On reste également dans la logique de construction de textes tels qu'en montage typographique:
article -> sections -> paragraphes -> lignes...

Pour marquer un article: <article>...</article>
pour les sections: <article><section>...</section></article>
pour les paragraphe: ...<p>...</p>...

Les paragraphes contiennent les lignes.

En HTML5 par exemple, on peut présenter un article sur deux, trois ou plus de colonnes:

article {
    display: block;
    -moz-column-count: 3;   /* présentation sur trois colonnes */
    -moz-column-gap: 16px;
    -moz-column-rule-color: #B0B0B0;
    -moz-column-rule-style: dotted;
    -moz-column-rule-width: 1px;
}

article section {
   display: table;  /* on évite qu'une même section ne soit renvoyée sur la colonne suivante */
}

article section p {
    margin-top: 0px;
    margin-bottom: 6px;
    text-align: justify;
}

Un exemple de mise en page sur 3 colonnes (visible sur FF et Chrome)
http://www.marieclaudecanet.com/new/index.php?page=livreDOr

A+

Entièrement d'accord avec ce fonctionnement, mais cela impactera tous les éléments <p>.
Mieux vaut alors ajouter un ID ou une classe afin de n'impacter que celui désiré

Bonjour,

Si on définit p comme ceci:

article section p {
.... }

Ca n'impacte que les <p> qui sont dans la hiérarchie article section. Exemple, si j'ai une autre branche ici:

<footer>
<p>site développé par MetaWeb-Design</p>
</footer>

il ne prendra pas en compte la remise en forme de <p> telle que définie pour <article>..<section>...

J'explique justement tout ça ici:
http://html5.immo-scope.com/index.php?page=html5/miseEnPageSimple

Lire la partie intitulée "Ajout d'un menu dans la partie gauche de l'article" et regardez la mise en application avec l'élément <a>


A+