Xhtml, saut de ligne <p> IE et Firefox

Résolu
nono313 Messages postés 189 Date d'inscription   Statut Membre Dernière intervention   -  
nono313 Messages postés 189 Date d'inscription   Statut Membre Dernière intervention   - 30 août 2008 à 21:24
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 ?
A voir également:

3 réponses

Réponse 1 / 3
LeYaude Messages postés 304 Date d'inscription   Statut Membre Dernière intervention   46
 
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).
5
Réponse 2 / 3
dj_o_3122 Messages postés 14 Date d'inscription   Statut Membre Dernière intervention   13
 
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>
3
Réponse 3 / 3
nono313 Messages postés 189 Date d'inscription   Statut Membre Dernière intervention   27
 
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;
}
3

Discussions similaires

Connaît tu les Smiley ? :p
Miss_23 -
Miss_23 -

4 réponses
signification du smiley :-P
elocheri -
maiscestgenial -

4 réponses
Remplacer espace par retour ligne sur txt ???
ABCLOVE -
Namzat -

11 réponses