Formatage balise H1 avec CSS
Résolu
oXyde68
Messages postés
793
Statut
Membre
-
oXyde68 Messages postés 793 Statut Membre -
oXyde68 Messages postés 793 Statut Membre -
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.
--
Bien amicalement ,
oXyde68
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.
--
Bien amicalement ,
oXyde68
4 réponses
-
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 -
tu peux donner le style de tout les balises h1 qui sont dans une balise p de cette façon :
p h1{
color:#ff00ff;
} -
La solution de Eastchild est plus facile.
Puis dans ton css tu mets :
body
{
... ;
}
h1
{
... ;
}
Sans oublier les points virgules, sinon ça cloche!!! -
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
