Discussion :

[frbona]

Bonjour à tous,

Je dois construire un tableau avec 3 colonnes dynamiquement. Le souci, c'est que pour la partie design j'utilise des png : Exemples : Pour l'en-tête, pour les bordures et pour le bas du tableau.

Le problème est le suivant : Pour l'un des png, il subsiste un espace entre l'image elle-même et la bordure droite de la cellule td du tableau qui contient cette image.
Voici le code :
<td><img src="../IMAGES/Templates/tab_haut-gauche.png"></td>
J'ai essayé de redimensionner l'image et la cellule, mais rien n'y fait.
J'ai aussi essayé cellpadding="0", cellspacing="0" ou en css, margin="0".
Le problème concerne uniquement cette image, sinon avec les autres je n'ai aucun souci.

Voila !

Merci de votre aide.

[Phiss]

Salut,

Juste pour savoir c'est quoi le rapport avec l'asp?

Sinon si tu peux quand même nous mettre un peu plus de code?
Tu peux nous mettre ta table entière par exemple?

Merci.

[debutantasp]

Salut,
J'ai pas bien compris ton problème...Mais pourquoi tu fais un espace dans tes images? tu peux le faire en CSS et autre chose si tes images ne sont pas de même taille tu peux les forcer a prendre une taille que tu veuilles pour ne pas déformer le tableau. Sinon tu explique un peux plus ton problème même si ce n'est pas le bon forum

[frbona]

Re,

Voici le tableau en entier :

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
 
<table width="100%" cellpadding="0" cellspacing="0">
    <tr>
    <td><img src="../IMAGES/Templates/tab_haut-gauche.png"></td>
    <td style="background-image:url(../IMAGES/Templates/tab_haut-repeatx.png);background-repeat:repeat-x;" width="39%"> <div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong><font color="#FFFFFF"><% response.Write(properties.CORPS1)%></font></strong></font></div></td>
    <td width="0%"><img src="../IMAGES/Templates/tab_pix-contenu.png"></td>
    <td style="background-image:url(../IMAGES/Templates/tab_haut-repeatx.png);background-repeat:repeat-x;" width="15%"><div align="center"><font color="#FFFFFF" size="2" face="Arial, Helvetica, sans-serif"><strong><% response.Write(properties.CORPS2)%> </strong></font></div></td>
    <td width="0%"><img src="../IMAGES/Templates/tab_pix-contenu.png"></td>
    <td style="background-image:url(../IMAGES/Templates/tab_haut-repeatx.png);background-repeat:repeat-x;" width="43%"> <div align="center"><font size="2" face="Arial, Helvetica, sans-serif"><strong><font color="#FFFFFF">
              <% response.Write(properties.CORPS3)%>
	  </font></strong></font></div></td>
    <td width="2%"><img src="../IMAGES/Templates/tab_haut-droit.png"></td>
    </tr>
     <%
    gettablinks idrub,"date","",cn
    %>
<tr>
<td><img src="../IMAGES/Templates/tab_foot-gauche.png"></td>
<td colspan="5" style="background-image:url(../IMAGES/Templates/tab_foot-repeat.png);background-repeat:repeat-x;"></td>
<td><img src="../IMAGES/Templates/tab_foot-droit.png"></td>
</tr>
</table>

Donc, en fait, pour être plus clair : il s'agit de la première balise TD. L'image "tab_haut-gauche.png" fait 9 pixels de large, donc normalement le td devrait s'adapter au contenu mais cela ne fonctionne pas. Il y a un espace entre cette image et la cellule (bordure droite).

Pour info, la fonction gettablinks permet de générer la suite du tableau de façon dynamique, c'est à dire le contenu.

Si vous voulez plus d'explications, n'hésitez pas !

Merci

[Phiss]

Re,

Est ce que ton image tab_foot-gauche.png est de la même largeur que la tab_haut-gauche.png?
Et dans ta fonction qui remplit ton tableau, dans la première colonne tu mets quoi?

Sinon je te conseille quand même de mettre la taille en dur pour plus de sécurité.