Ecrire sur une image
max1395
-
jjsteing Messages postés 1803 Statut Contributeur -
jjsteing Messages postés 1803 Statut Contributeur -
Bonjour,
je suis entrin de réaliser mon site et je voudrais pouvoir afficher une image et ecrire dessus . je m'explique :
voila mon code :
css:
.monimage1 {
background: url(image/menu1-index.jpg) no-repeat;
width: 20px;
height: 20px;
}
html :
<div id="monimage1">Mon texte sur l'image</div>
le pb c'est que l'image ne s'affiche pas
merci
je suis entrin de réaliser mon site et je voudrais pouvoir afficher une image et ecrire dessus . je m'explique :
voila mon code :
css:
.monimage1 {
background: url(image/menu1-index.jpg) no-repeat;
width: 20px;
height: 20px;
}
html :
<div id="monimage1">Mon texte sur l'image</div>
le pb c'est que l'image ne s'affiche pas
merci
A voir également:
- Ecrire sur une image
- Ecrire en gras sur whatsapp - Guide
- Comment écrire # sur pc - Guide
- Légender une image - Guide
- Image iso - Guide
- Écrire en majuscule - Guide
14 réponses
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 ^^
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 ^^
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 !!
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
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
.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>
<div id="monimage1">Mon texte sur l'image</div>
=>
<div class="monimage1">Mon texte sur l'image</div>
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..
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..
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'
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...
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...
