Mettre une image derrière un texte

On va voir comment placer une image en fond d'un texte. Il y a deux façons de faire. On peut utiliser un tableau ou bien une box.
On va utiliser ce code pour le tableau :

Code:

<table width=600><tr><td background="http://i408.photobucket.com/albums/pp169/Angelrose6/Andrew2.png" width="600" height="400"><div align="right"><font size="2" face="garamond" color="black">This is how you make a picture into a background using a the table code.</font>
</div></td></tr></table>

This is how you make a picture into a background using a the table code.

Pour la box, on va utiliser la propriété CSS background-image.

Code:

<div style="background-image:url('http://i408.photobucket.com/albums/pp169/Angelrose6/Andrew2.png'); width:600px ; height:400px; text-align:right;">Voilà le travail en utilisant une balise div. Il faut beau aujourd'hui, blablabla blablabla</div>

You can can put Scroll Boxes/Marquee on a picture by using the table code.

Scroll Box on picture background:

<table width=600><tr><td background="https://2img.net/h/i408.photobucket.com/albums/pp169/Angelrose6/Andrew2.png" width="600" height="400"><div align="right"><div style="width:200px;height:200px;overflow:auto"><font size="5" face="garamond" color="black">By combining the table code and text box code, you can put a scroll box onto a picture background. Isn't this a neat little trick to use? Now you can put your text onto the picture of your character, and not have to worry about it getting all over the place.</font></div><br /></div></td></tr></table>

By combining the table code and text box code, you can put a scroll box onto a picture background. Isn't this a neat little trick to use? Now you can put your text onto the picture of your character, and not have to worry about it getting all over the place.

[INDENT][INDENT][INDENT]Marquee on picture background:[/INDENT][/INDENT][/INDENT]

<table width=600><tr><td background="https://2img.net/h/i408.photobucket.com/albums/pp169/Angelrose6/Andrew2.png" width="600" height="400"><font size="2" face="garamond" color="black"><div align="right"><marquee width="275px" height="350" direction="up" scrollamount="2">Isn't it cool to have moving text on a picture? This is so awesome!<br /></marquee></div></font><br /></td></tr></table>

Isn't it cool to have moving text on a picture? This is so awesome!

[/font]

Merci, tuto en cours de modif/trad/adaptation