problème alignement de colonnes d'un tableau

Version imprimable

Bonjour,
Je fais un catalogue en ligne et j'ai un soucis de mise en page.
J'ai un premier tableau qui affiche le nom des colonnes, il est correct.
J'ai un autre tableau (de composition identique)qui affiche les données mais les colonnes ne sont pas alignées entre elles, l'affichage diffère selon les catégories demandées.Pourtant mon code me semble correct!
Si vous voulez aller voir je vous met le lien il faut aller sur catalogue la rubrique "imprimantes / copiers / fax" s'affiche bien mais pas la rubrique "consommable":
http://www.rod-agency.net/gallery/infooneetcat.swf

Code:

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
 
//tableau pour mettre le nom des colonnes
echo'<table border=1 bordercolordark="#CCCCCC"  bordercolorlight="#000000">
  <tr align=center>
  <td width=17%><font size=2 color="#FF3300">SOUS-CATEGORIE</font></td>
   <td width=15%><font size=2 color="#FF3300">FABRICANT</font></td>
    <td width=38%><font size=2 color="#FF3300">DESCRIPTION DU PRODUIT</font></td>
	 <td width=10%><font size=2 color="#FF3300">PRIX DE VENTE HORS TAXES en (€)</font></td>
    <td width=13%><font size=2 color="#FF3300">REFERENCE CONSTRUCTEUR</font></td>
	<td width=7%><font size=2 color="#FF3300">QUANTITE DISPONIBLE</font></td>
</tr>
 </table>';
 
 
//connection
mysql_connect('')or die('Erreur de connexion');
//selection de la base
mysql_select_db('rodag_gal');
//envoi requete
//requete sql un peu longue donc je passe !
while($data=mysql_fetch_assoc($req))
{
 
 
//tableau pour inserrer les données
echo '<table border=1 bordercolordark="#CCCCCC"  bordercolorlight="#000000">
<tr><td width=17% align=left>'.$data['descsscatfr'].'</td><td width=15% align=left>'.$data['fabricant'].'</td>
<font size=3><td width=38% align=left>'.$data['designation'].' / '.$data['designation2'].'</td></font>
<td width=10% align=center>'.$data['prixventeht'].'</td>
<td width=13% align=center>'.$data['refconstructeur'].'</td></td>
<td width=7% align=center>'.$data['dispo'].'</td></tr>
</table>';
}

Merci

Le problème vient du fait que tu déclares un tableau par ligne, ainsi si la largeur du tableau est inférieure à celle de la fenetre, tu auras ce décalage.

Tu as deux solutions :
1°) rajouter width="100%" dans les deux tableaux de ton code source, mais je ne trouve pas ça très bien car il y a autant de tableaux que de lignes ce qui est une mauvaise utilisation du tableau.

2°) Ne faire qu'un seul tableau avec une ligne par élément

Code:

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
 
//tableau pour mettre le nom des colonnes
echo'<table border=1 bordercolordark="#CCCCCC"  bordercolorlight="#000000">
  <tr align=center>
  <td width=17%><font size=2 color="#FF3300">SOUS-CATEGORIE</font></td>
   <td width=15%><font size=2 color="#FF3300">FABRICANT</font></td>
    <td width=38%><font size=2 color="#FF3300">DESCRIPTION DU PRODUIT</font></td>
	 <td width=10%><font size=2 color="#FF3300">PRIX DE VENTE HORS TAXES en (€)</font></td>
    <td width=13%><font size=2 color="#FF3300">REFERENCE CONSTRUCTEUR</font></td>
	<td width=7%><font size=2 color="#FF3300">QUANTITE DISPONIBLE</font></td>
</tr>';
 
 
//connection
mysql_connect('localhost','','')or die('Erreur de connexion');
//selection de la base
mysql_select_db('');
//envoi requete
//requete sql un peu longue donc je passe !
while($data=mysql_fetch_assoc($req))
{
 
 
//tableau pour inserrer les données
echo '<tr><td width=17% align=left>'.$data['descsscatfr'].'</td><td width=15% align=left>'.$data['fabricant'].'</td>
<font size=3><td width=38% align=left>'.$data['designation'].' / '.$data['designation2'].'</td></font>
<td width=10% align=center>'.$data['prixventeht'].'</td>
<td width=13% align=center>'.$data['refconstructeur'].'</td></td>
<td width=7% align=center>'.$data['dispo'].'</td></tr>';
}
echo '</table>';

18/08/2006, 10h41
freija

je vais essayer merci
18/08/2006, 12h08
freija

cela ne fonctionne pas !!
Si quelqu'un a une solution à mon problème!!Qu'il n'hésite pas.

Autant pour moi, il y avait des erreurs dans le code HTML, ça devrait fonctionner maintenant :

Code:

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
 
//tableau pour mettre le nom des colonnes
echo'<table border=1 bordercolordark="#CCCCCC"  bordercolorlight="#000000">
	<tr align=center>
		<td width=17%><font size=2 color="#FF3300">SOUS-CATEGORIE</font></td>
		<td width=15%><font size=2 color="#FF3300">FABRICANT</font></td>
		<td width=38%><font size=2 color="#FF3300">DESCRIPTION DU PRODUIT</font></td>
		<td width=10%><font size=2 color="#FF3300">PRIX DE VENTE HORS TAXES en (€)</font></td>
		<td width=13%><font size=2 color="#FF3300">REFERENCE CONSTRUCTEUR</font></td>
		<td width=7%><font size=2 color="#FF3300">QUANTITE DISPONIBLE</font></td>
</tr>';
 
 
//connection
mysql_connect('localhost','','')or die('Erreur de connexion');
//selection de la base
mysql_select_db('');
//envoi requete
//requete sql un peu longue donc je passe !
while($data=mysql_fetch_assoc($req))
{
 
 
//tableau pour inserrer les données
echo '<tr>
		<td width=17% align=left>'.$data['descsscatfr'].'</td>
		<td width=15% align=left>'.$data['fabricant'].'</td>
		<td width=38% align=left><font size=3>'.$data['designation'].' / '.$data['designation2'].'</font></td>
		<td width=10% align=center>'.$data['prixventeht'].'</td>
		<td width=13% align=center>'.$data['refconstructeur'].'</td>
		<td width=7% align=center>'.$data['dispo'].'</td></tr>';
}
echo '</table>';

18/08/2006, 15h34
freija

Ca marche, merci beaucoup, tu m'as retirer une épine du pied !!!
:yaisse: