image dans une balise <td>

26 juil. 2007, 03:10

Bonjour

Je vous explique mon problème.
J'ai une image dans une colonne de mon tableau :

<html>
<head>
<style type="text/css">
<!--


.menu
{
	background-image: url('images/fondgauche2.gif');
}


//-->
</style>
</head>
<body>
<table>
<tr><td class='menu' width="100" valign="top" align="top">blabla</td></tr>
</table>
</body>
</html>

La colonne de mon tableau n'a pas toujours la meme taille.
Je souhaiterais que mon image s'adapte a la taille de ma cellule et non pas qu'elle se répète.
J'ai cherché mais je ne trouve pas comment faire.
Pourriez-vous m'aider.

Merci d'avance pour vos réponses.
Cordialement.

26 juil. 2007, 09:13

peut etre avec un

Code : Tout sélectionner

no-repeat

dans ton css

26 juil. 2007, 10:58

Pour plus d'informations : W3 Schools : CSS2 Reference.

Tu peux écrire ton arrière-plan de cette façon (compact) :

Code : Tout sélectionner

background: transparent url("/chemin/vers/mon/image.png") 0 0 no-repeat;

De cette façon, le fond de ton containeur sera transparent, ton arrière-plan sera fixé à 0px à partir du haut, et à 0px à partir de la droite, et on ne répète pas l'image.
Pour la position, tu peux utiliser toutes les unités de mesures (em, % etc.), ne rien mettre revient à utiliser des pixels si mes souvenirs sont bons.

26 juil. 2007, 13:48

j'ai essayé ta solution et ca ne fonctionne toujours pas.
merci quand meme

26 juil. 2007, 14:17

De sûr, l'image ne se répète plus. En revanche, on ne peut pas modifier la taille d'un arrière-plan (tu aurais regardé le lien, tu le saurais).

image dans une balise <td>

Qui est en ligne