Probleme avec un tableau

**Death83** · 08/12/2005, 13h34

Salut a tous

j'ai un petit souci avec un tableua dyanamique. Voici le code sortie pare mozilla:

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<div align=center>
	<table style="width:95%;" cellspacing=1>
		<tr style="font-weight:bold;">
			<td style="text-align:center;" width=95% >Séries</td>
			<td style="text-align:right;">Tomes</td></tr><tr id=3 class="tableserie" >
			<td style="font-weight:bold; font-size:15px;" onMouseOver="this.className='tableserieon';" onMouseOut="this.className='tableserie';" onClick="liens('seriemanga.php?idserie=3');"><a href="seriemanga.php?idserie=3">&nbsp;Alice 19th</a></td>
			<td style="text-align:center; font-size:10px;" onMouseOver="this.className='tableserieon2';" onMouseOut="this.className='tableserie';" onClick="liens('?search1=A&afftome=3#3');"><a href="?search1=A&afftome=3#3"><img src="../imagesite/loupe.gif" border=0> (7)</a></td>
		</tr>
		<table  width=95% cellspacing=0>
			<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=9');">
				<td width=60% >&nbsp;Alice 19th - tome 1</td>
				<td style="text-align:center;">Glénat</td>
				<td style="text-align:center;">2003</td>
				<td style="background-color:#050423;"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td>
			</tr>
			<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=10');">
				<td width=60% >&nbsp;Alice 19th - tome 2</td>
				<td style="text-align:center;">Glénat</td>
				<td style="text-align:center;">2003</td><td style="background-color:#050423;"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoiledemipleine.jpg" height="20"></td>
			</tr>
			<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=11');">
				<td width=60% >&nbsp;Alice 19th - tome 3</td>
				<td style="text-align:center;">Glénat</td>
				<td style="text-align:center;">2003</td><td style="background-color:#050423;"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoiledemipleine.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td>
			</tr>
			<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=12');">
				<td width=60% >&nbsp;Alice 19th - tome 4</td>
				<td style="text-align:center;">Glénat</td>
				<td style="text-align:center;">2004</td>
				<td style="background-color:#050423;"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td></tr>
			<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=13');">
				<td width=60% >&nbsp;Alice 19th - tome 5</td>
				<td style="text-align:center;">Glénat</td><td style="text-align:center;">2004</td>
				<td style="background-color:#050423;"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td>
			</tr>
			<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=15');">
				<td width=60% >&nbsp;Alice 19th - tome 6</td>
				<td style="text-align:center;">Glénat</td><td style="text-align:center;">2004</td>
				<td style="background-color:#050423;"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td>
			</tr>
			<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=16');">
				<td width=60% >&nbsp;Alice 19th - tome 7</td>
				<td style="text-align:center;">Glénat</td>
				<td style="text-align:center;">2005</td>
				<td style="background-color:#050423;"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td>
			</tr>
		</table>
			<tr id= class="tableserie2" >
				<td style="font-weight:bold; font-size:15px;" onMouseOver="this.className='tableserieon';" onMouseOut="this.className='tableserie2';" onClick="liens('seriemanga.php?idserie=');"><a href="seriemanga.php?idserie=">&nbsp;</a></td>
				<td style="text-align:center; font-size:10px;" onMouseOver="this.className='tableserieon2';" onMouseOut="this.className='tableserie2';" onClick="liens('?search1=A&afftome=#');"><a href="?search1=A&afftome=#"><img src="../imagesite/loupe.gif" border=0> (0)</a></td>
			</tr>
		</table>
 
</div>

Voila noramelement en dessous du second tableau devrait apparailtre un ligne similaire a la première (Alice 19th) mais ce n'est pas le cas. Savez vous pourquoi?

Merci d'avance

.
[/quote]

**francis m** · 08/12/2005, 15h19

parce que ton second tableau est à l'intérieur de ton premier, donc il doit être à l'intérieur d'une balise tr/td

**Death83** · 08/12/2005, 21h22

J'ai mis ma deuxieme table entre des balises <br></br> mais ca fait toujours pareil.

Si tu veut voir ce que ca fait:
http://manganime.0.free.fr/critiques/accueilmanga.php?search1=A&afftome=3#3

**francis m** · 08/12/2005, 21h38

pas les balises br mais les balises tr/td :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<table style="width:95%;" cellspacing=1>
ceci est le début du premier tableau
</tr>
<tr>
<td>
<table>
ceci est le second tableau
</table>
</td>
</tr>
<tr id= class="tableserie2" > 
ton code existant jusque
</table>

**francis m** · 08/12/2005, 21h54

bon je remets le tout pour te simplifier la vie :

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
<div align=center> 
   <table style="width:95%;" cellspacing=1> 
      <tr style="font-weight:bold;"> 
         <td style="text-align:center;" width=95% >Séries</td> 
         <td style="text-align:right;">Tomes</td></tr><tr id=3 class="tableserie" > 
         <td style="font-weight:bold; font-size:15px;" onMouseOver="this.className='tableserieon';" onMouseOut="this.className='tableserie';" onClick="liens('seriemanga.php?idserie=3');"><a href="seriemanga.php?idserie=3">&nbsp;Alice 19th</a></td> 
         <td style="text-align:center; font-size:10px;" onMouseOver="this.className='tableserieon2';" onMouseOut="this.className='tableserie';" onClick="liens('?search1=A&afftome=3#3');"><a href="?search1=A&afftome=3#3"><img src="../imagesite/loupe.gif" border=0> (7)</a></td> 
      </tr> 
<tr>
<td>
      <table  width=95% cellspacing=0> 
     ICI TOUT TON CODE EXISTANT SANS MODIF
     fait ainsi pour ne pas surcharger la page ...
      </table>
</td>
</tr> 
         <tr id= class="tableserie2" > 
            <td style="font-weight:bold; font-size:15px;" onMouseOver="this.className='tableserieon';" onMouseOut="this.className='tableserie2';" onClick="liens('seriemanga.php?idserie=');"><a href="seriemanga.php?idserie=">&nbsp;</a></td> 
            <td style="text-align:center; font-size:10px;" onMouseOver="this.className='tableserieon2';" onMouseOut="this.className='tableserie2';" onClick="liens('?search1=A&afftome=#');"><a href="?search1=A&afftome=#"><img src="../imagesite/loupe.gif" border=0> (0)</a></td> 
         </tr> 
      </table> 
</div>

**Death83** · 08/12/2005, 22h05

Merci, en fait je me suis trompé j'ai dis que j'ai mis des balises br mais c'est tr que je voulais dire

.

En fait ca me simplifie pas parce que la source est en php

.

**Death83** · 08/12/2005, 22h37

En mettant des td ca fait toujours le meme probleme

.

**francis m** · 08/12/2005, 22h57

je suis désolé mais cela DOIT fonctionner
testé chez moi avec succès
as-tu bien mis <tr> ET <td> avant ton second tableau, et as-tu bien fermé ces balises après ton second tableau :

Code :

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

<tr><td><table>ton second tableau</table></td></tr>

Si tu l'as bien fait et que cela ne fonctionne pas, remets ton code complet corrigé en ligne que je vérifie...

**Death83** · 09/12/2005, 00h21

Ba regarde par toi meme ca fait un truc bizarre a la ligne d'en dessous :
http://manganime.0.free.fr/critiques/accueilmanga.php?search1=A&afftome=3#3

en plus j'arrive pas a modifier la largeur de la cellule alors ca ressert ma ligne :/.

Voici le code afficher:

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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
<div align=center>
	<table style="width:95%;" cellspacing=1>
		<tr style="font-weight:bold;">
			<td style="text-align:center;" width=95% >Séries</td><td style="text-align:right;">Tomes</td>
		</tr>
		<tr id=3 class="tableserie" ><td style="font-weight:bold; font-size:15px;" onMouseOver="this.className='tableserieon';" onMouseOut="this.className='tableserie';" onClick="liens('seriemanga.php?idserie=3');"><a href="seriemanga.php?idserie=3">&nbsp;Alice 19th</a></td>
			<td style="text-align:center; font-size:10px;" onMouseOver="this.className='tableserieon2';" onMouseOut="this.className='tableserie';" onClick="liens('?search1=A&afftome=3#3');"><a href="?search1=A&afftome=3#3"><img src="../imagesite/loupe.gif" border=0> (7)</a></td>
		</tr>
		<tr>
			<td>
				<table  width=95% cellspacing=0>
					<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=9');">
						<td width=400 >&nbsp;Alice 19th - tome 1</td>
						<td style="text-align:center;" width=100>Glénat</td>
						<td style="text-align:center;" width=20>2003</td>
						<td style="background-color:#050423;" width=110><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td>
					</tr>
					<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=10');">
						<td width=400 >&nbsp;Alice 19th - tome 2</td>
						<td style="text-align:center;" width=100>Glénat</td><td style="text-align:center;" width=20>2003</td>
						<td style="background-color:#050423;" width=110><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoiledemipleine.jpg" height="20"></td>
					</tr>
					<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=11');">
						<td width=400 >&nbsp;Alice 19th - tome 3</td><td style="text-align:center;" width=100>Glénat</td>
						<td style="text-align:center;" width=20>2003</td><td style="background-color:#050423;" width=110><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoiledemipleine.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td>
					</tr>
					<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=12');">
						<td width=400 >&nbsp;Alice 19th - tome 4</td>
						<td style="text-align:center;" width=100>Glénat</td>
						<td style="text-align:center;" width=20>2004</td><td style="background-color:#050423;" width=110><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td>
					</tr>
					<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=13');">
						<td width=400 >&nbsp;Alice 19th - tome 5</td>
						<td style="text-align:center;" width=100>Glénat</td>
						<td style="text-align:center;" width=20>2004</td>
						<td style="background-color:#050423;" width=110><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td>
					</tr>
					<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=15');">
						<td width=400 >&nbsp;Alice 19th - tome 6</td>
						<td style="text-align:center;" width=100>Glénat</td>
						<td style="text-align:center;" width=20>2004</td>
						<td style="background-color:#050423;" width=110><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td>
					</tr>
					<tr  class="result44" onMouseOver="this.className='resulton2';" onMouseOut="this.className='result44';" onClick="liens('manga.php?idmanga=16');">
						<td width=400 >&nbsp;Alice 19th - tome 7</td>
						<td style="text-align:center;" width=100>Glénat</td>
						<td style="text-align:center;" width=20>2005</td>
						<td style="background-color:#050423;" width=110><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoileplein.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"><img src="../imagesite/etoilevide.jpg" height="20"></td>
					</tr>
				</table>
			</td>
		</tr>
		<tr id= class="tableserie2" >
			<td style="font-weight:bold; font-size:15px;" onMouseOver="this.className='tableserieon';" onMouseOut="this.className='tableserie2';" onClick="liens('seriemanga.php?idserie=');"><a href="seriemanga.php?idserie=">&nbsp;</a></td>
			<td style="text-align:center; font-size:10px;" onMouseOver="this.className='tableserieon2';" onMouseOut="this.className='tableserie2';" onClick="liens('?search1=A&afftome=#');"><a href="?search1=A&afftome=#"><img src="../imagesite/loupe.gif" border=0> (0)</a></td>
		</tr>
	</table>
</div>

**francis m** · 09/12/2005, 00h51

en tout cas la présentation est maintenant pareille en haut qu'en bas, donc ce problème là est réglé

c'est vrai il y a quelque chose de bizarre quand on passe sur la ligne du bas avec la souris. mais la ligne du haut (celle avec alice 19th) et la ligne du bas (celle avec la case vide, mais qui est quand-même un lien) ne sont pas régies par les mêmes styles :

ligne du haut : id=3 class=tableserie

ligne du haut : id=vide class=tableserie2

et il y a également des différences de style au niveau des onmouse...

**Death83** · 09/12/2005, 00h59

C'est fait expres. C'est pour changer de couleurs.

Regardes se que donnes le tableua normalement:
http://manganime.0.free.fr/critiques/accueilmanga.php?search1=A#rechercher

en fait quand je click sur la loupe ca affiche les tomes entres. Et c'est la que ca merde sur le tableau apres les tomes qui s'insere

.

**Death83** · 09/12/2005, 01h04

Yeah ca marche. J'avais fait une petite erreur php (conflit entre requette).

Par contre j'arrive pas a ajuster la largeur de la cellule qui contient la seconde table

.

J'ai essayer en mettant <td width=100%>mais ca veut pas.

Ta une idée?

**francis m** · 09/12/2005, 01h24

pas compris, en regardant ta page l'affichage me paraît correct.

à noter qu'on n'a mis qu'une seule cellule dans la ligne qui contient ton second tableau. peut-être faut-il créer une seconde cellule pour faire ce que tu désires (sachant que je n'ai pas compris)

**Death83** · 09/12/2005, 01h26

Oui c'est ca le probleme. C'est que la largeur maximal de mon second tableau ne peut depasser la largeur de ma première cellule de mon premier tableau :/.

Comment je peut faire pour avoir la largeur de mon premier tableau?

La deuxieme cellule est trop petite pour que je l'utilise aussi dans mon deuxieme tableau

**francis m** · 09/12/2005, 02h03

avec colspan=2 tu peux étendre ton sescond tableau aux deux cellules du premier tableau

Probleme avec un tableau

HTML

Vue hybride

Discussions similaires

Partager

Partager