A voir également:
- Insertion texte sur une image dans dreamweave
- Extraire texte d'une image - Guide
- Insérer une image dans word sans bouger le texte - Guide
- Légender une image - Guide
- Touche insertion clavier - Guide
- Image iso - Guide
7 réponses
Je vois 2 solutions :
soit créer une cellule de tableau avec l'image en arrière plan et écrire le texte dans la cellule :
Avec X et Y respectivement la hauteur et la largeur de l'image en pixel, à préciser obligatoirement pour que la cellule prenne la taille complète au lieu de s'ajuster uniquement au texte tronquant donc l'image.
Soit par des div :
<div style="position:absolute; top:X; left:Y"><img src ...></div>
<div style="position:absolute; top:X; left:Y">Bla bla bla</div>
A priori si X et Y sont les mêmes dans les 2 div elle seront superposées et le texte devrait apparaitre au dessus de l'image.
A tester, je propose ça de tête :)
Ben
soit créer une cellule de tableau avec l'image en arrière plan et écrire le texte dans la cellule :
<td style="background-image:url(ton_image.jpg);height:Xpx; width=Ypx">Bla bla bla</td>
Avec X et Y respectivement la hauteur et la largeur de l'image en pixel, à préciser obligatoirement pour que la cellule prenne la taille complète au lieu de s'ajuster uniquement au texte tronquant donc l'image.
Soit par des div :
<div style="position:absolute; top:X; left:Y"><img src ...></div>
<div style="position:absolute; top:X; left:Y">Bla bla bla</div>
A priori si X et Y sont les mêmes dans les 2 div elle seront superposées et le texte devrait apparaitre au dessus de l'image.
A tester, je propose ça de tête :)
Ben
je sais qu'à une époque je faisais cela grâce aux calques...
quelle version de dreamweaver utilises-tu ?
enfin s'il existe un autre moyen que les calques (peut-être du javascript après tout), je serais curieuse de lire la solution :) (ça m'intéresse aussi)
quelle version de dreamweaver utilises-tu ?
enfin s'il existe un autre moyen que les calques (peut-être du javascript après tout), je serais curieuse de lire la solution :) (ça m'intéresse aussi)
Je crois que j'ai déjà essayé cette méthode.
Mais lorsque j'insère des images dans dreamweaver par le biais de "backround url of cell" ou bien de "Bg img" (Fireworks Source PNG) (au lieu de "src")
et que j'envoie ma page sous outlook, ces images là ne s'affichent pas.
Or, effectivement, c'est le seul moyen que je connaissent pour pouvoir mettre du texte sur des images de fond d'écran sous dreamweaver...
Mais je vais quand même essayer en ecrivant bien ce que tu m'as dit au niveau de l'image.
Je vous tiens au courant! C'est pour ma newsletter...
Mais lorsque j'insère des images dans dreamweaver par le biais de "backround url of cell" ou bien de "Bg img" (Fireworks Source PNG) (au lieu de "src")
et que j'envoie ma page sous outlook, ces images là ne s'affichent pas.
Or, effectivement, c'est le seul moyen que je connaissent pour pouvoir mettre du texte sur des images de fond d'écran sous dreamweaver...
Mais je vais quand même essayer en ecrivant bien ce que tu m'as dit au niveau de l'image.
Je vous tiens au courant! C'est pour ma newsletter...
Bonjour,
Le meilleure solution est en effet “background-image : url();”
“j'envoie ma page sous outlook, ces images là ne s'affichent pas”
C'est parce que les images des pages web ne sont pas enregistrées dans la page, mais qu'elles sont appelées par le navigateur, qu'il les réclame à l'adresse indiqué dans le “url()” avant de les afficher.
Trois possibilités s'offrent à toi :
1- Tu joins aussi les images à ton envoi
2- Tu mets tout ce qui est nécessaire à ta page (fichier .html, images…) dans un dossier que tu zippes et que tu joins à ton envoi
3- Tu fais référence dans ta page à une adresse (sur un serveur) où tu auras stocké les images. Le “url()” doit alors contenir l'adresse complète.
Le meilleure solution est en effet “background-image : url();”
“j'envoie ma page sous outlook, ces images là ne s'affichent pas”
C'est parce que les images des pages web ne sont pas enregistrées dans la page, mais qu'elles sont appelées par le navigateur, qu'il les réclame à l'adresse indiqué dans le “url()” avant de les afficher.
Trois possibilités s'offrent à toi :
1- Tu joins aussi les images à ton envoi
2- Tu mets tout ce qui est nécessaire à ta page (fichier .html, images…) dans un dossier que tu zippes et que tu joins à ton envoi
3- Tu fais référence dans ta page à une adresse (sur un serveur) où tu auras stocké les images. Le “url()” doit alors contenir l'adresse complète.
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Bonjour Eve,
Si ton image est déjà dans un calque (point fixe sur ta page), tu ajoutes par "Insertion" "Ajouter un calque". Il est important que ton curseur soit placé dans la poignée supérieure gauche du calque de l'image, ainsi tu obtiens un calque "Imbriqué", c'est à dire qu'il est lié au déplacement de (ou des autres) lors de ta construction. Tu obtiens donc un ensemble "unique"avec ton image et par dessus ton texte. Il n'y a pas de limite aux nombre des calques. Une fenêtre dans ton inspecteur de propriété te donne la possibilité de renomer ton calque "imagebidule.x" et "texte imagebidule.xx"
Attention, cela est fixe; pour la mobilité de l'ensemble,c'est différrent.
Si ton image est déjà dans un calque (point fixe sur ta page), tu ajoutes par "Insertion" "Ajouter un calque". Il est important que ton curseur soit placé dans la poignée supérieure gauche du calque de l'image, ainsi tu obtiens un calque "Imbriqué", c'est à dire qu'il est lié au déplacement de (ou des autres) lors de ta construction. Tu obtiens donc un ensemble "unique"avec ton image et par dessus ton texte. Il n'y a pas de limite aux nombre des calques. Une fenêtre dans ton inspecteur de propriété te donne la possibilité de renomer ton calque "imagebidule.x" et "texte imagebidule.xx"
Attention, cela est fixe; pour la mobilité de l'ensemble,c'est différrent.
En fait j'ai trouvé autre chose.
J'insere des images sur dreamweaver en tant que "background". Comme ça je peux écrire mon texte dessus.
Une fois ma page finie, il suffit de faire F12 et il y a une option pour envoyer directement ta page internet par messagerie outlook.
Par contre nouveau problème: les dimensions de l'image en background. C'est impossible d'ajuster parfaitement l'image et de la redimensionner.
Esthétiquement parlant, c'est pas le top.
Si quelqu'un a une suggestion, je suis preneuse!
Concernant ta méthode, le format flash fonctionne - t - il sur word?
Merci,
Cordialement,
Eve
J'insere des images sur dreamweaver en tant que "background". Comme ça je peux écrire mon texte dessus.
Une fois ma page finie, il suffit de faire F12 et il y a une option pour envoyer directement ta page internet par messagerie outlook.
Par contre nouveau problème: les dimensions de l'image en background. C'est impossible d'ajuster parfaitement l'image et de la redimensionner.
Esthétiquement parlant, c'est pas le top.
Si quelqu'un a une suggestion, je suis preneuse!
Concernant ta méthode, le format flash fonctionne - t - il sur word?
Merci,
Cordialement,
Eve
Et, par exemple,
Bon, l'image n'est pas dans la page…
<p style="background:url(image.jpg) top left no-repeat; width:400px; height:300px;"> (les dimensions réelles de l'image ^) Et là, j'écris. Le texte que je veux. Mais pas plus que la taille de l'image. Et je peux même ajouter de la mise en forme dans le “style="…"”. </p>tu l'as essayé ?
Bon, l'image n'est pas dans la page…
Merci de vos bons conseils qui m'ont tiré une épine du pied : j'ai galéré pour trouver cette solution et maintenant j'ai réussi grâce à vous.
Félicitations
Zaza
merci