xhtml, saut de ligne
IE et Firefox Résolu/Fermé

Question

Bonjour, j'ai récemment fais des changement dans mon site pour la validation xhtml strict. J'ai donc rajouté beaucoup de balise

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 ?

LeYaude · Accepted Answer

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).

dj_o_3122 · Answer

Si tu veux une solution plus simpliste, parfois tu peux insérer une balise
au lieu de refermer tes balises

et en ouvrir une autre toude suite. Exemple :

Hello

Ca va ?

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

Hello
Ca va ?

nono313 · Answer

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;
}

Xhtml, saut de ligne <p> IE et Firefox

3 réponses

Discussions similaires