Balises les unes dans les autres

**Nibor** · 31/10/2006, 13h18

Bonjour à tous

Quand on met trop de balises l'un dans l'autre, alors il sort la balise interieure de l'exterieure.
Par exemple:

Code :

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

1
2
3
4
<div id='Corps'>
  <p>Blabla</p>
  <p class = 'eum'><form action='blabla.php'><input type='submit' name='bla' value='bla'> </form></p>
</div>

Dans le id='corps' j'ai mis qu'il doit mettre un cadre autour de tout, mais le bouton 'bla' n'est plus dans le cadre.

Y a-t-il un truc pour que le bouton se trouve quand-même dans le cadre?

Merci en d'avoir lu mon message

Robin

**Bisûnûrs** · 31/10/2006, 13h47

Donne une hauteur fixe à ton cadre.

**trotters213** · 31/10/2006, 13h50

tout simplement, tu ne définit aucune bordure :

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
<head>
<style type="text/css">
#corps {
border:#000000 solid 1px;
}
</style>
</head>
<body>
	<div id="corps">
		<p>Blabla</p>
		<p class="eum">
			<form action='blabla.php'>
				<input type='submit' name='bla' value='bla' /> 
			</form>
		</p>
	</div>
</body>
</html>

Ceci fonctionne parfaitement.

PS : n'oublie pas de fermer toutes tes balises (input y compris)

**Nibor** · 31/10/2006, 15h17

tout d'abbord, merci d'avoir répondu.

Trotters, ce que j'avais mis n'était qu'une partie du code, donc j'avais bien défini 'corps'. J'ai peut-etre mal exprimé mon problème, je vais donner un exemple:

Voici tout mon code:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
<head>
<style type="text/css">
#corps {
border:#000000 solid 1px;
}
p
{}
.Bla
{
border: 1px ridge  #FF6600;
}
</style>
 
 
</head>
<body>
	<div id="corps">
	Test1
		<p class="Bla">
		test2<br/>
		<p>Blabla</p>
			<form action='blabla.php'>
				<input type='submit' name='bla' value='bla' /> 
			</form>
		</p>
	</div>
</body>
</html>

Maintenant, le problème est qu'il affiche 'blabla' et le bouton en dehord du cadre class="bla", alors qu'ils sont dans la balise, mais le 'test2' il veut bien l'afficher à sa place, donc en fait il déplace

Code :

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

1
2
3
4
<p>Blabla</p>
			<form action='blabla.php'>
				<input type='submit' name='bla' value='bla' /> 
			</form>

vers en dessous du '</p>'

Ma question est alors s'il y a moyen d'afficher le bouton et le'blabla' dans le 'class='bla''?

J'espère que vs comprennez se que je veux dire.

**Joe-La-Boule** · 31/10/2006, 15h20

Je comprend plus rien a ton probleme avec blabla

desolé !

**trotters213** · 31/10/2006, 15h37

Voilà la soluce

Code HTML :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
 
<head>
<style type="text/css">
#corps {
border:#000 solid 1px;
}
 
.bla {
border: 1px dotted #f00;
}
</style>
 
 
</head>
<body>
	<div id="corps">
	Test1
		<div class="bla">
			test2
			<br />
			<p>Blabla</p>
			<form action='blabla.php'>
				<input type='submit' name='bla' value='bla' /> 
			</form>
		</div>
	</div>
</body>
</html>

Tu ne peux pas imbriquer des balises <p>

**Nibor** · 31/10/2006, 15h54

ok merci génial!

**trotters213** · 31/10/2006, 15h56

pense à cliquer sur

Balises les unes dans les autres

CSS

Discussions similaires

Partager

Partager