Rechercher : dans
Par :

Xhtml, saut de ligne <p> IE et Firefox

Dernière réponse le 30 aoû 2008 à 21:24:29 nono313, le 30 aoû 2008 à 14:23:04 
 Signaler ce message aux modérateurs

Bonjour,
j'ai récemment fais des changement dans mon site pour la validation xhtml strict.
J'ai donc rajouté beaucoup de balise <p> et je viens de me rendre compte que ces balises effectues des saut de ligne que je ne souhaite pas avoir.
Comment peut-on supprimer ces saut de ligne ? en CSS ?

Configuration: Windows Vista
Firefox 3.0.1

Meilleures réponses pour « xhtml, saut de ligne

IE et Firefox » dans :

Les balises HTML VoirHTML, un langage à balises Le HTML n'est pas un langage de programmation. Il s'agit d'un langage permettant de décrire la mise en page et la forme d'un contenu rédigé en texte simple. Une page HTML est ainsi un simple fichier texte...
LaTeX - Mise en forme VoirStyle Les commandes suivantes permettent de modifier le style du texte : \textbf{texte à mettre en gras} permet d'écrire du texte en caractères gras. \textit{texte à mettre en italique} permet d'écrire en italique. \textsc{texte à mettre...

1

LeYaude, le 30 aoû 2008 à 14:56:02

Oui ces sauts de ligne sont corrigeables en CSS, via les propriétés padding et margin. Par exemple pour supprimer toutes les marges sur les paragraphes en haut et en bas :

p
{
margin-top : 0px;
margin-bottom : 0px;
}

Après tu peux ajuster si tu veux quand même un petit peu de marge mais pas trop. Et ti tu veux mettre un fond aux paragraphes mais que le texte ne soit pas trop "collé au bord", il faut utiliser padding. C'est l'équivalent de margin pour gérer les marges interieures des blocs (alors que margin gère les marges extérieures des blocs).

Répondre à LeYaude

2

dj_o_3122, le 30 aoû 2008 à 16:35:29

Si tu veux une solution plus simpliste, parfois tu peux insérer une balise <br/> au lieu de refermer tes balises <p> et en ouvrir une autre toude suite.

Exemple :

<p>Hello</p>
<p>Ca va ?</p>

Pour qu'il n'y ai pas de saut de ligne entre les deux, tu peux simplement écrire :

<p>Hello<br/>Ca va ?</p>

Répondre à dj_o_3122

3

 nono313, le 30 aoû 2008 à 21:24:29

J'avais déjà pensé a cette solution mais elle ne m'intéresse pas trop car mes paragraphes sont séparés apr des titre 1 et h2.

J'ai trouvé une solution avec ce code CSS:

* {
margin:0; 
padding:0;
}

Répondre à nono313
Collection CommentÇaMarche.net