Forum d'entraide PHPFrance

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.

peut etre avec un

Code : Tout sélectionner

no-repeat

dans ton css

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.

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

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).

Forum d'entraide PHPFrance

image dans une balise <td>

image dans une balise <td>