tableaux en pourcentage - comment faire?

**mercibien** · 18/04/2007, 13h37

J’ai un tableau qui se disperce une fois sur internet , mais fonctionne sur mon ordi…
Comment fonctione les <td> en pourcentage % … pourcentage de quoi… ?J’aimerais savoir ce qui cloche dans ce tableau?

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
<table border=0 summary="" width=640 cellpadding="0"
  cellspacing="0" align=center>
 
<tr >
    <td align=center width="100%" height="100%"><img src="bud/calle2.jpg"  
     border="0" width="249" height="28" alt=""></td>
 
    <td align=center width="100%" height="100%"><a href= ><img    
     src="mini/obj.0ff.jpg" border="0" width="28" height="28" alt=""></a></td>
 
    <td  align=center width="5" height="20"><img src="bud/space.jpg" 
     border=" 0" width="100%" height="100%" alt=""></td>
 
   <td align=center width="100%" height="100%"><a href= ><img 
    src="mini/obj.0f.jpg" border="0" width="28" height="28" alt=""></a></td>
 
    <td align=center  width="5" height="20"><img src="bud/space.jpg" 
     border=" 0" width="100%" height="100%" alt=""></td>
 
    <td align=center width="100%" height="100%"><a href= ><img 
    src="mini/obj.0ee.jpg" border="0" width="28" height="28" alt=""></a></td>
 
    <td align=center  width="5" height="20"><img src="bud/space.jpg" 
     border="0" width="100%" height="100%" alt=""></td>
 
     <td align=center width="100%" height="100%"><a href= ><img 
      src="mini/obj.0e.jpg" border="0" width="28" height="28" alt=""></a></td>
 
  <td align=center  width="5" height="20"><img src="bud/space.jpg" 
   border="0"  width="100%" height="100%" alt=""></td>
 
   <td align=center width="100%" height="100%"><a href= ><img  
     src="mini/obj.0dd.jpg" border="0" width="28" height="28" alt=""></a></td>
 
     <td align=center width="5" height="20"><img src="bud/space.jpg" 
      border="0" width="100%" height="100%" alt=""></td>
 
		<td align=center width="100%" height="100%"><a href= ><img src="mini/obj.0d.jpg" border="0" width="28" height="28" alt=""></a></td>
                <td align=center width="5" height="20"><img src="bud/space.jpg" border="0" width="100%" height="100%" alt=""></td>
		<td align=center width="100%" height="100%"><a href= ><img src="mini/obj.0cc.jpg" border="0" width="28" height="28" alt=""></a></td>
                <td align=center width="5" height="20"><img src="bud/space.jpg" border="0" width="100%" height="100%" alt=""></td>
		<td align=center width="100%" height="100%"><a href= ><img src="mini/obj.0c.jpg" border="0" width="28" height="28" alt=""></a></td>
                <td align=center width="5" height="20"><img src="bud/space.jpg" border="0" width="100%" height="100%" alt=""></td>
		<td align=center width="100%" height="100%"><a href= ><img src="mini/obj.0bb.jpg" border="0" width="28" height="28" alt=""></a></td>
                <td align=center width="5" height="20"><img src="bud/space.jpg" border="0" width="100%" height="100%" alt=""></td>
                <td align=center width="100%" height="100%"><a href= ><img src="mini/obj.0b.jpg" border="0" width="28" height="28" alt=""></a></td>
                <td align=center width="5" height="20"><img src="bud/space.jpg" border="0" width="100%" height="100%" alt=""></td>
		<td align=center width="100%" height="100%"><a href= ><img src="mini/obj.0aa.jpg" border="0" width="28" height="28" alt=""></a></td>
                <td width="5" height="20"><img src="bud/space.jpg" border="0" width="100%" height="100%" alt=""></td>
		<td align=center width="100%" height="100%"><a href= ><img src="mini/obj.0a.jpg" border="0" width="28" height="28" alt=""></a></td>
        </tr></table

Merci d’avance
sora

**fallais** · 18/04/2007, 13h47

Bah il faut diviser la largeur du tableau en autant de cellules...

Je ne vois pas ou est le difficulté...

PS : Le > oublié a la fin c'est une erreur de frappe ?

**Oluha** · 18/04/2007, 13h59

euh c'est moi où tous tes <td> ont une largeur de 100% ?
pas étonnant dans ce cas que ton tableau ne fonctionne pas

**bustaja** · 18/04/2007, 14h13

Déjà il faudrait être plus propre dans ton code

Par exemple essaie de "normaliser" ton code...

Code :

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

1
2
<table border=0 summary="" width=640 cellpadding="0"
  cellspacing="0" align=center>

Devient

Code :

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

1
2
<table border="0px" summary="" width="640px" cellpadding="0px"
  cellspacing="0" align="center">

Ok moi même je le fais pas toujours mais c'est mieux pour voir les erreurs et en éviter !!!

Ensuite, le pourcentage des width et des height des <td> sont respectivement les largeur et hauteur de ta cellule. Si tu met 100%, ça prendra la taille maximum du tableau. Par exemple, si tu mets width="50%", ta largeur de cellule prendra la moitié de la largeur de ton tableau.

Tu peux utiliser * pour que le navigateur calcul automatiquement ta dernière cellule. C'est utile pour la dernière cellule en fait.

Après, si toutes tes cellules ont une largeur de 100%, c'est pas étonnant que ça marche pas.

Par exemple:

Code :

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

1
2
3
4
5
 
[...]
<td align=center width="100%" height="100%"><a href= ><img src="mini/obj.0d.jpg" border="0" width="28" height="28" alt=""></a></td>
<td align=center width="5" height="20"><img src="bud/space.jpg" border="0" width="100%" height="100%" alt=""></td>
[...]

Ton navigateur va pas trop comprendre... tu lui demandes d'afficher une cellule de la taille de ton tableau, puis tu lui demandes ensuite d'afficher une cellule avec une largeur de 5pixels et une hauteur de 20pixels... :/

Je te conseille de virer tous tes width et height de tes cellules ! Au moins, normalement, tes cellules seront ajustées aux tailles de tes cellules...

**blueice** · 18/04/2007, 14h51

Et encore plus simple, vire complètement ton tableau et travail sans :
http://www.cybercodeur.net/weblog/pr...old/index.html

**mercibien** · 18/04/2007, 15h14

bustaja

,j'ai enlevé les 100% dans les cellules, et mis les dimensions dans <img...> en pixels... et ca a l air de marché...c'est gentil de t etre penché sur mon code...

blueice le css c est interessant mais il faut maitriser... autrement ca fait des trucs un peu experimental... je suis en train d'apprendre doucement...

**bustaja** · 18/04/2007, 15h25

Envoyé par mercibien

bustaja

,j'ai enlevé les 100% dans les cellules, et mis les dimensions dans <img...> en pixels... et ca a l air de marché...c'est gentil de t etre penché sur mon code...

Mais de rien. J'aime le HTML et j'ai commencé y'a bien longtemps alors ça fait plaisir d'aider

Envoyé par mercibien

blueice le css c est interessant mais il faut maitriser... autrement ca fait des trucs un peu experimental... je suis en train d'apprendre doucement...

C'est sur mais dans ton cas, ça aurait été pratique, très pratique