Du texte sur une image redimmensionnée ...

Marsh Posté le 01-03-2005 à 12:12:22

Bonjour a tous :hello:

J'ai pas trouvé de texte assez explicite , alors je m'explique plus clairement :

en fait , je veux mettre du texte sur une image , j'ai fait des recherches et j'ai trouvé 2 solutions :

* la premiere avec une image en fond d'une cellule :

Code :

<table>
<tr>
<td background="MonImage">Texte</td>
</tr>
</table>

* la seconde avec un style en CSS :

Code :

<style type="text/css">
.imgfond {
font: bold 12px/1 Tahoma;
display:block;
color:#FFFFFF;
text-decoration:none;
width: 170px;
height: 20px;
background: url(MonImage) no-repeat center center ;
border: 0;
}
</style>
...
<table>
<tr>
<td class="imgfond">Texte</td>
</tr>
</table>

seulement je rencontre un probleme :
si la taille de mon image est plus petite que la taille de ma cellule , soit l'image est affichée a sa taille réelle et est centrée sur la cellule , soit l'image est répétée pour remplir la cellule .

Je voudrais savoir s'il est possible d'"etirer" l'image pour l'adapter a la taille de la cellule (a la maniere d'"etirer" des papiers peints du bureau)

Merci d'avance

Reply

Marsh Posté le 01-03-2005 à 12:12:22

Reply

Marsh Posté le 01-03-2005 à 12:20:53

TofClock a écrit :

Bonjour a tous :hello:

J'ai pas trouvé de texte assez explicite , alors je m'explique plus clairement :

en fait , je veux mettre du texte sur une image , j'ai fait des recherches et j'ai trouvé 2 solutions :

* la premiere avec une image en fond d'une cellule :

Code :

<table>
<tr>
<td background="MonImage">Texte</td>
</tr>
</table>

* la seconde avec un style en CSS :

Code :

<style type="text/css">
.imgfond {
font: bold 12px/1 Tahoma;
display:block;
color:#FFFFFF;
text-decoration:none;
width: 170px;
height: 20px;
background: url(MonImage) no-repeat center center ;
border: 0;
}
</style>
...
<table>
<tr>
<td class="imgfond">Texte</td>
</tr>
</table>

seulement je rencontre un probleme :
si la taille de mon image est plus petite que la taille de ma cellule , soit l'image est affichée a sa taille réelle et est centrée sur la cellule , soit l'image est répétée pour remplir la cellule .

Je voudrais savoir s'il est possible d'"etirer" l'image pour l'adapter a la taille de la cellule (a la maniere d'"etirer" des papiers peints du bureau)

Merci d'avance

Rêgle 1 : Une image de fond n'est PAS étirable.
Rêgle 2 : pour afficher du texte sur une image redimensionnable, deux solutions :

CSS : z-index qui permet de supperposer plusieurs éléments (div par exemple).
PHP + GD : qui permet au serveur de construire une image et d'écrire dessus --> ce qui donne une image avec le texte dessus 'en dur'.

---------------
Expert en expertises

Reply

Marsh Posté le 01-03-2005 à 12:24:45

Merci de cette reponse rapide , j'vais tenter le coup du z-index

Reply

Du texte sur une image redimmensionnée ...

Sujets relatifs:

Leave a Replay