Discussion :

[benoitB]

J'ai un tableau dans lequel une cellule est rempli d'une image :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
<table width=100%>
   <tr>
      <td width=20% align=Center><font color=Blue><h3>texte</h3></font></td>
      <td><img src="IMG/bandeau.jpg" width=100% border=1></center></td>
   </tr>
      <td></td>
      <td align=Center><font color=Black><h3>texte</h3></font></td>
   </tr>
      <td></td>
      <td align=Center><font color=Red><h3>texte</h3></font></td>
   </tr>
</table>

Alors sous FIREFOX l'image occupe 100% de la largeur de la cellule (ce que je veux) mais sous IE elle occupe 100% de la largeur de l'écran (ce que je ne veux pas), existe-t-il un moyen pour que même sous IE elle remplisse uniquement le largeur de la cellule SVP ?

[JackBeauregard]

C'est imbuvable ton truc. A mon avis tu dois définir une class CSS en lui attribuant comme image de fond celle que tu souhaites, plus tu donnes à la cellule de tableau la class en question.

Ce qui donne :

Code :

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

1
2
3
4
.imageFond
{
background-image:url(url/image.gif);
}

et dans le tableau :

Code :

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

<td class="imageFond">

Et tu peux jouer des attributs :

Code :

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

background-repeat:repeat-y; (ou repeat-x)

Là c'est certain, ça fonctionnera dans tous les navigateurs.

[benoitB]

Merci,
J'ai fait :
CSS :

Code :

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

1
2
3
4
5
6
.imageFond
{
	background-image:url("IMG/bandeau.JPG");
	border-width:medium;
	border-color:Black;
}

fichier HTML:

Code :

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

1
2
3
4
5
6
<table width=100%>
   <tr>
      <td>1</td>
      <td class="imageFond"></td>
   </tr>
</table>

et là :
- sous IE la bordure de l'image n'est pas de couleur noire (correcte sous FIREFOX)
- Dans les 2 deux navigateurs l'image n'est pas ajustée à 100% de la largeur de la cellule,

Merci par avance

[JackBeauregard]

Essaies

Code :

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

 border-color:#000000

Est-ce que ton image a une taille fixe, ou est-ce que c'est par exemple une bande d'1px de largeur que tu "étales" à l'aide de background-repeat=repeat-y (ou x je sais jamais) ?

[benoitB]

l'image est assez grande et doit être réduite en fonction de la largeur disponible te la cellule, lareur de l'original : 1107 pixels
la largeur disponible est fonction de la taille de la fenêtre du navigateur.

[benoitB]

l'image est à adapter mais non à "étaler" ni en X ni en Y.
Je souhaite l'adapter en largeur (en gardant la proportion X/Y) n utilisant la zone intérieure d'une cellule d'un tableau.
Sion je vais faire en n'utilisant pas de tableau, c'est peut-être plus simple ?

[JackBeauregard]

J'ai rien compris, elle a une dimension fixe ton image ? Si c'est le cas c'est au reste de s'adapter, pas à l'image sinon sa résolution va être modifiée.

T'as pas un exemple en ligne ?