Formatage balise H1 avec CSS

Résolu/Fermé
oXyde68 Messages postés 747 Date d'inscription dimanche 20 novembre 2005 Statut Membre Dernière intervention 11 juin 2024 - 4 mai 2011 à 15:44
oXyde68 Messages postés 747 Date d'inscription dimanche 20 novembre 2005 Statut Membre Dernière intervention 11 juin 2024 - 4 mai 2011 à 18:56
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 lundi 23 juillet 2007 Statut Membre Dernière intervention 28 mars 2012 31
Modifié par Eastchild le 4/05/2011 à 16:56
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 lundi 5 juillet 2010 Statut Membre Dernière intervention 6 mai 2011 1
Modifié par lexuss-Pro le 4/05/2011 à 16:01
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 mardi 3 mai 2011 Statut Membre Dernière intervention 5 mars 2013 2
4 mai 2011 à 16:15
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 dimanche 20 novembre 2005 Statut Membre Dernière intervention 11 juin 2024 339
4 mai 2011 à 18:56
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