Ecrire sur une image

Voilà l'erreur,
background: url("image/menu1-index.jpg") no-repeat;

le texte ne s'affichera pas là ou tu le désires je pense, il faudrait pour cela que tu rajoute un petit...

position: absolute;

sur le fichier css mais bon ^^

Bonsoir..

Un exemple ici :

http://jjsteing.u7n.org/index.php?id=0 projet div image texte..

oui merci mais l'image ne s'affiche toujours pas --

Il faut respecter la case.. si ton répertoire s appelle Image.. ca ne fonctionnera pas !! ou meme si l extention est .JPG, comme tu met .jpg, ca ne marchera pas non plus.. et n oubli pas les guillemets !!

non tous est bon j'ai rajouter le guillemet la :

.monimage1 {
background: url("image/menu1-index.jpg") no-repeat;
width: 20px;
position: absolute;
height: 20px;
}

mais sinon tout est bon

Ah j'ai trouver je pense..

<div id="monimage1">Mon texte sur l'image</div>
=>
<div class="monimage1">Mon texte sur l'image</div>

sa mets un mot par ligne mes sa ne m'affiche pas l'image

As tu essayé avec le code proposé sur mon site ?

non le site est en reconstruction

Ben je sais.. c'est le mien.. mais t as une liste sur la gauche.. avec :

Affiche_Source.php [Source code] [Download]
Ajout_html_js.php [Source code] [Download]
Div_Image_texte.php [Source code] [Download]
Formulaire_envoie_mail.php [Source code] [Download]
Liste fichier client (IE).php [Source code] [Download]
Recup_Lien.php [Source code] [Download]
Select_et_JS.php [Source code] [Download]
Session.php [Source code] [Download]
Telechargement.php [Source code] [Download]

donc click sur 'div image texte' pour voire le résultat.. et sur code source pour voire le code ou sur download pour télécharger le .php..

merci j'ai obtenue un carré bleu avec a l'interrieur "blabla" mais en fond pas mon image

Bon..

1) Soit sur de 2 choses... que ton répertoire image est bien à la racine de ton site (et pas dans un sous répertoire) et que le nom du répertoire et de l image soit bien 'image' et 'menu1-index.jpg' (meme l extention .jpg en minuscule)

2) cré une page vierge et met :

<style type="text/css">
body {
color: purple;//couleur de fond de la page
background-color: #d8da3d
}

.entete{
position: Absolute;
border-style: solid ;//contour du div
border-color: blue ; //en bleu
top: 20px;//position du div
left: 30px;
width: 200px;//hauteur et largeur
height: 100px;
background-image:url('image/menu1-index.jpg');//image de fond du div
background-repeat:no-repeat;//pas de répétition
}
</style>

<FORM></FORM>
<BODY><div class='entete' align='center' >blabla</div></body>

Si là ca plante toujour.. c'est que tu n a pas respecter la casse 'image' et/ou 'menu1-index.jpg'

non la c'est bon merci je n'est plus qu'a le mettre dans mon fichier merci . une derniere chose comment je fais pour disposer comme je le veux le texte quel est la parte du code qui le fais ?

là je fait un align='center' dans le div.. donc le texte sera centré...

mais tu peut mettre right ou left (par défault donc pas besoin de rajouter d align)

apres si tu as un grande image et que tu veux placer le texte à un endroit précis il faut faire un div pour l image et un autre pour le texte...