Saisir un texte sur une image HTML

Fermé
sas - 24 mai 2011 à 00:01
rbou Messages postés 94 Date d'inscription mercredi 11 mai 2011 Statut Membre Dernière intervention 26 juillet 2011 - 24 mai 2011 à 09:16
Bonjour,

Je voudrais bien savoir si je peux insérer un texte sur une image , c'est à dire , si on a par exemple un arrière plan bleu , et on ajoute une image , comme une mini arrière plan , pour créer une rubrique , est ce qu'on peut ajouter un texte sur cette partie blanche ???
merci d'avance


2 réponses

Utilisateur anonyme
24 mai 2011 à 09:10
Bonjour,

Oui bien entendu.
Vous mettez une div dans votre page qui a pour background une image (ici image.jpg). Dans la div vous mettez un texte, ici bonjour et c'est fait, enfin si j'ai bien compris votre question.

Cordialement

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">
	<head>
		<style>
			body {background-color:blue;}
			#test {background:url(image.jpg);width:50px,height:50px;color:white;}
		</style>
	</head>
	<body>
		<div id="test">
			bonjour
		</div>
	</body>
</html>
0
rbou Messages postés 94 Date d'inscription mercredi 11 mai 2011 Statut Membre Dernière intervention 26 juillet 2011 15
24 mai 2011 à 09:16
En effet il suffit de mettre un background en css, par exemple :
<div style="background:#COULEUR">
Mon texte qui est sur un fond de ma couleur #COULEUR
</div>

Tu peux également mettre une image en background :
<div style="background:url(PATH_IMAGE)">
Le texte
</div>
0