Formatage balise H1 avec CSS

Résolu/Fermé
Signaler
Messages postés
746
Date d'inscription
dimanche 20 novembre 2005
Statut
Membre
Dernière intervention
17 mars 2021
-
Messages postés
746
Date d'inscription
dimanche 20 novembre 2005
Statut
Membre
Dernière intervention
17 mars 2021
-
Bonjour,

J'ai une petite question en CSS.

J'ai un formatage sur tous les paragraphes <p> de mon document.
Dans un de ces paragraphe, j'inclus une balise H1, formatée différemment du paragraphe.

Mon problème est qu'alors tous les éléments précédent la balise H1 , mais encore contenus dans le paragraphe ne sont pas mis en forme comme devrait l'être les éléments du paragraphe.
Ce problème n'est que lors de l'utilisation de balises préformatées Hx ( h1 , h2 ... )

Voici un aperçu simplifié du problème:

<style>
p
{ padding-left: 50px;
}
h1
{ color: blue;
}
</style>

<p>
Mon premier texte OK
<h1>Mon titre bleu</h1>
Mon deuxième texte qui n'est plus en forme
</p>

Merci de votre aide.

4 réponses

Messages postés
318
Date d'inscription
lundi 23 juillet 2007
Statut
Membre
Dernière intervention
28 mars 2012
31
Bonjour,

les balise Hx ne doivent pas être dans un paragraphe. Il faut que tu fermes ton paragraphe avant ton h1 et que tu en ouvres un autre après :

<p>Mon premier texte OK</p> 
<h1>Mon titre bleu</h1> 
<p>Mon deuxième texte qui n'est plus en forme</p> 


no frame no pain
2
Messages postés
24
Date d'inscription
lundi 5 juillet 2010
Statut
Membre
Dernière intervention
6 mai 2011
1
tu peux donner le style de tout les balises h1 qui sont dans une balise p de cette façon :

p h1{
color:#ff00ff;
}
1
Messages postés
96
Date d'inscription
mardi 3 mai 2011
Statut
Membre
Dernière intervention
5 mars 2013
2
La solution de Eastchild est plus facile.

Puis dans ton css tu mets :

body
{
... ;
}

h1
{
... ;
}

Sans oublier les points virgules, sinon ça cloche!!!
0
Messages postés
746
Date d'inscription
dimanche 20 novembre 2005
Statut
Membre
Dernière intervention
17 mars 2021
265
Merci pour vos réponses, donc le h1, pas bien !

Je ne peux pas tout gérer dans la balise body, j'ai un menu dans une div c'est pour ca que j'ai besoin de décaler uniquement le texte.

L'exemple était simplement mon problème très schématisé.

Merci à tous
0