Ecrire sur une image
Fermé
max1395
-
8 août 2009 à 18:20
jjsteing Messages postés 1670 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 - 8 août 2009 à 20:03
jjsteing Messages postés 1670 Date d'inscription vendredi 11 mai 2007 Statut Contributeur Dernière intervention 21 mai 2012 - 8 août 2009 à 20:03
A voir également:
- Ecrire sur une image
- Ecrire en gras sur whatsapp - Guide
- Image iso - Guide
- Ecrire en miroir - Guide
- Comment agrandir une image - Guide
- Acronis true image - Télécharger - Sauvegarde
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 ^^
jjsteing
Messages postés
1670
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
8 août 2009 à 18:24
8 août 2009 à 18:24
Bonsoir..
Un exemple ici :
http://jjsteing.u7n.org/index.php?id=0 projet div image texte..
Un exemple ici :
http://jjsteing.u7n.org/index.php?id=0 projet div image texte..
jjsteing
Messages postés
1670
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
8 août 2009 à 18:32
8 août 2009 à 18:32
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
jjsteing
Messages postés
1670
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
8 août 2009 à 18:41
8 août 2009 à 18:41
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>
jjsteing
Messages postés
1670
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
8 août 2009 à 19:02
8 août 2009 à 19:02
As tu essayé avec le code proposé sur mon site ?
jjsteing
Messages postés
1670
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
8 août 2009 à 19:11
8 août 2009 à 19:11
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..
jjsteing
Messages postés
1670
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
8 août 2009 à 19:32
8 août 2009 à 19:32
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 ?
jjsteing
Messages postés
1670
Date d'inscription
vendredi 11 mai 2007
Statut
Contributeur
Dernière intervention
21 mai 2012
181
8 août 2009 à 20:03
8 août 2009 à 20:03
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...