Discussion :

[laclac]

Bonjour,

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

[Erwan31]

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.

[laclac]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Merci beaucoup !

[Macmillenium]

Bonjour,

Probleme:
j'ai voulu mettre:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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">

Comment reglé le probleme ?

Remplacer P par DIV.

[laclac]

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

[laclac]

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