Problème pour adapter la taille d'une image à la cellule d'un tableau

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Problème pour adapter la taille d'une image à la cellule d'un tableau

Alea31

Have a break, have a cat

Bonjour à tous,

J'ai un problème qui commence à me faire tourner en bourrique !

Voilà, j'ai un tableau de ce type :

Code :

<table border="1" width="97%" cellspacing="0" cellpadding="0">
<tr height="18">
<td rowspan="2" bgcolor="#e1f1fc" width="18%">  Supplier</td>
<td rowspan="2" bgcolor="#e1f1fc" align="center" width="18%">Product Name</td>
<td rowspan="2" bgcolor="#e1f1fc" align="center">Comment</td>
<td colspan="3" align="center">Status</td>
</tr>
<tr height="28">
<td bgcolor="#e1f1fc" align="center" width="14%">Type 1</td>
<td bgcolor="#e1f1fc" align="center" width="14%">Type 2</td>
<td bgcolor="#e1f1fc" align="center" width="14%">Type 3</td>
</tr>
<tr>
<td height="40" width="18%" rowspan="2"> Supplier 1</td>
<td height="40" width="18%" align="center">Product 1</td>
<td height="40"> </td>
<td height="40" width="14%" align="center">Status 1</td>
<td height="40" width="14%" align="center">Status 2</td>
<td height="40" width="14%" align="center"><img src="../../../img/pix_grey.gif" border="0" width="100%" height="100%"></td>
</tr>
<tr>
<td height="40" width="18%" align="center">Product 2</td>
<td height="40" width="18%">Blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla. Blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla.</td>
<td height="40" width="14%" align="center">Status 3</td>
<td height="40" width="14%" align="center">Status 1</td>
<td height="40" width="14%" align="center"><img src="../../../img/pix_grey.gif" border="0" width="100%" height="100%"></td>
</tr>
</table>

où pix_grey.gif est une image unie grise de 1x1 px

Sous IE, j'obtiens le résultat que je veux, la dernière cellule est complètement rempli de gris. Par contre sous firefox, l'image grise de la dernière cellule ne fait que 40px de hauteur et ne rempli donc pas toute la cellule, qui a une hauteur plus grande à cause du long commentaire "blablabla..."

Comment puis-je faire pour que la taille de l'image s'adapte à la hauteur de la cellule ?

Merci d'avance pour votre aide !

---------------
(o) Venez poster une photo de votre nombril, pour faire avancer la science !

Publicité

levarex

primo le code :

Code :

<table border="1" width="97%" cellspacing="0" cellpadding="0">
<tr height="18">
<td rowspan="2" bgcolor="#e1f1fc" width="18%">  Supplier</td>
<td rowspan="2" bgcolor="#e1f1fc" align="center" width="18%">Product Name</td>
<td rowspan="2" bgcolor="#e1f1fc" align="center">Comment</td>
<td colspan="3" align="center">Status</td>
</tr>
<tr height="28">
<td bgcolor="#e1f1fc" align="center" width="14%">Type 1</td>
<td bgcolor="#e1f1fc" align="center" width="14%">Type 2</td>
<td bgcolor="#e1f1fc" align="center" width="14%">Type 3</td>
</tr>
<tr>
<td height="40" width="18%" rowspan="2"> Supplier 1</td>
<td height="40" width="18%" align="center">Product 1</td>
<td height="40"> </td>
<td height="40" width="14%" align="center">Status 1</td>
<td height="40" width="14%" align="center">Status 2</td>
<td style="background-image:url(pix_grey.gif);background-repeat:repeat" height="40" width="14%" align="center"></td>
</tr>
<tr>
<td height="40" width="18%" align="center">Product 2</td>
<td height="40" width="18%">Blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla. Blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla blablabla.</td>
<td height="40" width="14%" align="center">Status 3</td>
<td height="40" width="14%" align="center">Status 1</td>
<td style="background-image:url(pix_grey.gif);background-repeat:repeat" height="40" width="14%" align="center"></td>
</tr>
</table>

Explication :

il faut mieux utiliser les feuilles de style pour remplir un élément :
définir une image de fond : background-image:url(pix_grey.gif)
on veut le répéter : background-repeat
repeat : on repete horizontalement et verticalement
repeat-x = ne répéter que horizontalement.
repeat-y =ne répéter que sur une horizontalement.

Alea31

Have a break, have a cat

Merci je connais le css

Le problème c'est qu'il faut que ces cases grises s'impriment obligatoirement ! Sans que l'utilisateur soit obligé de modifier les paramètres de son navigateur pour imprimer les backgrounds.

Et pour ça, je n'ai pas trouvé d'autre solution que d'insérer cette image grise [:airforceone]

Mais si quelqu'un a une autre solution, je suis preneuse !

---------------
(o) Venez poster une photo de votre nombril, pour faire avancer la science !

levarex

Pour que les cases grises s'affichent obligatoirement, l'usage d'une image est peut etre pas judicieuse parce qu'il me semble qu'on peut dire au navigateur d'empécher l'affichage des images. Dans ce cas la, la case ne sera pas affichée en gris.

Alea31

Have a break, have a cat

En effet c'est possible mais ça doit quand même être rare que quelqu'un désactive l'affichage des images dans son navigateur. La plupart des sites web en deviennent illisibles

Et je me réfère surtout au paramétrage par défaut des navigateurs de mon entreprise, sachant que la plupart des salariés ne touchent pas à ces paramètres... Et vu qu'on ne veut pas leur demander de modifier ces paramètres, je n'ai pas trouvé de meilleur solution [:airforceone]

Quelqu'un aurait une meilleure idée ?

---------------
(o) Venez poster une photo de votre nombril, pour faire avancer la science !

gatsu35

Blablaté par Harko

OUAIS MAIS en arretant de faire des tableaux ca serait super bien aussi

Alea31

Have a break, have a cat

Bon et sinon, à part me dire que tout ce qu'on m'a demandé de faire c'est nul, vous pourriez-pas m'aider ? [:fabien27]

---------------
(o) Venez poster une photo de votre nombril, pour faire avancer la science !

FORUM HardWare.fr

Programmation

HTML/CSS

Problème pour adapter la taille d'une image à la cellule d'un tableau

Sujets relatifs
[RESOLU]Probleme avec Formulaire et BD MySQL	probleme de malloc ou de scanf ?
[PHP] Problème avec exec() dont ret_val = -1	Problème validation W3C: "there is no attribute "style""
macro xls décaler tableau	[Script Shell] Problème pour exécuter des commandes
[FPDF] Probléme affichage PDF sous IE	Composant tableau ? Insérer des données dans une BDD
Player mp3 en flash problème help !	Probleme de malloc sur un tableau de pointeur.
Plus de sujets relatifs à : Problème pour adapter la taille d'une image à la cellule d'un tableau

Page générée en 0.091 secondes