Formatage balise H1 avec CSS

Résolu
oXyde68 Messages postés 747 Date d'inscription   Statut Membre Dernière intervention   -  
oXyde68 Messages postés 747 Date d'inscription   Statut Membre Dernière intervention   -
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

Eastchild Messages postés 319 Date d'inscription   Statut Membre Dernière intervention   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
lexuss-Pro Messages postés 24 Date d'inscription   Statut Membre Dernière intervention   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
JésusLeGrec Messages postés 96 Date d'inscription   Statut Membre Dernière intervention   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
oXyde68 Messages postés 747 Date d'inscription   Statut Membre Dernière intervention   350
 
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