Du texte sur une image redimmensionnée ...

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Du texte sur une image redimmensionnée ...

TofClock

html , stro dur :D !!

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

Publicité

Hermes le Messager

Breton Quiétiste

TofClock a écrit :

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>

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

TofClock

html , stro dur :D !!

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

FORUM HardWare.fr

Programmation

HTML/CSS

Du texte sur une image redimmensionnée ...

Sujets relatifs
Recopier un champ de texte dans un autre champ	Couleur de texte d'un bouton
texte brouillé ou flouté	Coordonnée du pointeur de la souris sur une image d'un userform(xls)
Popup image qui tronque l'image	[CSS] Forcer l'impression d'un "background-image"
Problème popup image	Pb de detection de types d'image :s
[FLASH XML] insérer une image dans mon menu ?	Image fixe dans un coin de la fenêtre
Plus de sujets relatifs à : Du texte sur une image redimmensionnée ...

Page générée en 0.053 secondes