H1 casse mon CSS

Bonjour,

J'ai un probleme avec la balise h1 (sans doute connu mais pas trouvé sur le net).

Code:

---

1 2 3 4 5 6 7

<p class="box_lnk"> Insérer votre texte<br /><br /> <textarea name="multifile" cols="49" rows="2"></textarea> <br /><br /> <input type="submit" name="submit" value="Submit"> </p>

---

Avec:

Code:

---

1 2 3 4 5 6 7

.box_lnk { float: right; width: 48%; margin: 80px 70px 0 0; /* margin: top right bottom left*/ text-align: center; }

---

Avec ce code tout est OK. L'ensemble de la box est centré avec un décalage bref nikkel.

Probleme:
j'ai voulu mettre:

Code:

---

<h1>Insérer votre texte</h1>

---

Et là je texte est en gros (normale) mais toute ma box n'est plus centré..
Bref la class .box_lnk n'est plus du tout pris en compte pourquoi ?

Comment reglé le probleme ?

Merci d'avance

Bonjour,
?? dans le code tu n'as pas appliqué a class au h1 mais au p.
Si tu veux centrer ton H1 il faut le dimensionner et lui donner des marges latérales auto.

Bonjour,

J'ai pas tout compris de ta réponse (je ne maitrise pas encore à fond le css), mais ce que j'ai compris de ton post fonctionne !

J'ai remplacé p par une balise div:

Code:

---

1 2 3 4 5 6

<div id="box_lnk"> Insérer votre texte<br /><br /> <textarea name="multifile" cols="49" rows="2"></textarea> <br /><br /> <input type="submit" name="submit" value="Submit"> </div>

---

et

Code:

---

1 2 3 4 5 6

#box_lnk { float: right; width: 48%; margin: 80px 70px 0 0; /* margin: top right bottom left*/ text-align: center; }

---

Désormais mon texte est centré meme avec la balise h1 :mrgreen:

Merci beaucoup !

Bonjour,

Citation:

---

Envoyé par laclac

Probleme:
j'ai voulu mettre:

Code:

---

<h1>Insérer votre texte</h1>

---

Et là je texte est en gros (normale) mais toute ma box n'est plus centré..
Bref la class .box_lnk n'est plus du tout pris en compte pourquoi ?

Comment reglé le probleme ?

---

Et donc tu essayes de mettre le H1 à l'intérieur du P?
Cette imbrication n'étant pas autorisée par les DTD HTML, les navigateurs corrigent ton code à la volée en fermant le P avant le H1, ce qui donne:

Code:

---

1 2 3 4 5 6

<p class="box_lnk"></p> <h1>Insérer votre texte</h1> <textarea name="multifile" cols="49" rows="2"></textarea> <br><br> <input name="submit" value="Submit" type="submit">

---

Citation:

---

Envoyé par laclac

Comment reglé le probleme ?

---

Remplacer P par DIV.

Super avec les explications, c'est mieux.
Effectivement, tout s'explique p.. paragraphe. C'est logique qu'il n'aime pas une balise h1 dans un p.

Merci :ccool:

Heu juste une remarque.

Avec mon h1, j'ai mon texte qui est beaucoup descendu par rapport à sa position initiale.(Comme si la balise h1 avec un padding-top de 15px par defaut.)
Comment puis je l'enlever ?

Edition: Avec marge:0, je viens de corriger

Merci