A voir également:
- Insertion texte sur une image dans dreamweave
- Image iso - Guide
- Comment agrandir une image - Guide
- Acronis true image - Télécharger - Sauvegarde
- Si cellule contient texte alors ✓ - Forum Excel
- Frédéric cherche à faire le buzz sur les réseaux sociaux. il a ajouté une image d’ours polaire sur une image de plage. retrouvez l'image originale de la plage. que cache l'ours polaire ? - Forum Loisirs / Divertissements
7 réponses
benkeeper
Messages postés
81
Date d'inscription
samedi 4 septembre 2004
Statut
Membre
Dernière intervention
26 janvier 2008
45
14 mars 2007 à 15:00
14 mars 2007 à 15:00
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
Riwalenn
Messages postés
364
Date d'inscription
jeudi 25 août 2005
Statut
Membre
Dernière intervention
16 février 2015
101
14 mars 2007 à 14:58
14 mars 2007 à 14:58
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)
eve_dianne
Messages postés
9
Date d'inscription
mercredi 14 mars 2007
Statut
Membre
Dernière intervention
30 mars 2007
14 mars 2007 à 17:03
14 mars 2007 à 17:03
Riwalenn,
J'utilise la version 4 de Dream. En allant sur le forum j'ai vu en effet qu'on pouvait utiliser les calques.
Par contre je ne sais pas du tout en quoi ça conciste et comment on les crée?
(Je ne suis pas trop une experte en informatique !)
Merci beaucoup
J'utilise la version 4 de Dream. En allant sur le forum j'ai vu en effet qu'on pouvait utiliser les calques.
Par contre je ne sais pas du tout en quoi ça conciste et comment on les crée?
(Je ne suis pas trop une experte en informatique !)
Merci beaucoup
eve_dianne
Messages postés
9
Date d'inscription
mercredi 14 mars 2007
Statut
Membre
Dernière intervention
30 mars 2007
14 mars 2007 à 16:58
14 mars 2007 à 16:58
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...
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
14 mars 2007 à 17:10
14 mars 2007 à 17:10
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.
eve_dianne
Messages postés
9
Date d'inscription
mercredi 14 mars 2007
Statut
Membre
Dernière intervention
30 mars 2007
14 mars 2007 à 17:44
14 mars 2007 à 17:44
Ah Merci Gihef,
Je comprends mieux maintenant.
Il va falloir que j'apprenne à créer des calques pour la 4ème solution!
Sinon je vais voir pour joindre les images.
Merci encore,
Eve
Je comprends mieux maintenant.
Il va falloir que j'apprenne à créer des calques pour la 4ème solution!
Sinon je vais voir pour joindre les images.
Merci encore,
Eve
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Jacobéo
Messages postés
304
Date d'inscription
samedi 10 mars 2007
Statut
Membre
Dernière intervention
28 août 2008
79
14 mars 2007 à 17:31
14 mars 2007 à 17:31
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.
eve_dianne
Messages postés
9
Date d'inscription
mercredi 14 mars 2007
Statut
Membre
Dernière intervention
30 mars 2007
15 mars 2007 à 17:15
15 mars 2007 à 17:15
Bonjour Jacques,
Petit problème: je ne trouve pas l'option "insérer calque" . y a t-il un mot spécifique en anglais que je n'aurais pas su détecter?
Je suis sure que je peux y arriver, I can do it!
Merci beaucoup
Petit problème: je ne trouve pas l'option "insérer calque" . y a t-il un mot spécifique en anglais que je n'aurais pas su détecter?
Je suis sure que je peux y arriver, I can do it!
Merci beaucoup
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
15 mars 2007 à 02:37
15 mars 2007 à 02:37
eve_dianne
Messages postés
9
Date d'inscription
mercredi 14 mars 2007
Statut
Membre
Dernière intervention
30 mars 2007
15 mars 2007 à 17:17
15 mars 2007 à 17:17
C'est intéressant, thanks a lot
eve_dianne
Messages postés
9
Date d'inscription
mercredi 14 mars 2007
Statut
Membre
Dernière intervention
30 mars 2007
15 mars 2007 à 17:59
15 mars 2007 à 17:59
J'ai trouvé quelque chose.
En insérant une image normalement
et en faisant "Insert - layer ". Je peux enfin ecrire sur mon image.
Par contre quand j'ouvre ma page sous word...Le texte est en dessous de l'image!
En insérant une image normalement
et en faisant "Insert - layer ". Je peux enfin ecrire sur mon image.
Par contre quand j'ouvre ma page sous word...Le texte est en dessous de l'image!
Riwalenn
Messages postés
364
Date d'inscription
jeudi 25 août 2005
Statut
Membre
Dernière intervention
16 février 2015
101
20 mars 2007 à 09:24
20 mars 2007 à 09:24
je ne crois pas que word gère les calques (arrières plans, avants plans)...
as-tu essayé la solution suivante (ce que mon entreprise fait) : créer tout simplement ta page dans word et faire un copier coller dans ton logiciel de mail ?
as-tu essayé la solution suivante (ce que mon entreprise fait) : créer tout simplement ta page dans word et faire un copier coller dans ton logiciel de mail ?
eve_dianne
Messages postés
9
Date d'inscription
mercredi 14 mars 2007
Statut
Membre
Dernière intervention
30 mars 2007
26 mars 2007 à 16:13
26 mars 2007 à 16:13
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
Riwalenn
Messages postés
364
Date d'inscription
jeudi 25 août 2005
Statut
Membre
Dernière intervention
16 février 2015
101
26 mars 2007 à 17:22
26 mars 2007 à 17:22
non je ne crois pas d'après ce qu'il me semble... mais bon on va sûrement te trouver une solution pour que tes images en background soient de taille réelle...
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
26 mars 2007 à 18:27
26 mars 2007 à 18:27
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…
eve_dianne
Messages postés
9
Date d'inscription
mercredi 14 mars 2007
Statut
Membre
Dernière intervention
30 mars 2007
30 mars 2007 à 15:46
30 mars 2007 à 15:46
Je n'ai pas encore essayé, je n'ai pas encore utilisé la fonction code sur Dream, je suis toujours en "Show design view".
J'essaierais pour la prochaine newsletter ca ira surement plus vite!
Merci beaucoup,
Eve
J'essaierais pour la prochaine newsletter ca ira surement plus vite!
Merci beaucoup,
Eve
Gihef
Messages postés
5150
Date d'inscription
mercredi 20 juillet 2005
Statut
Contributeur
Dernière intervention
20 février 2023
2 775
17 oct. 2007 à 20:07
17 oct. 2007 à 20:07
Tu réactives le post et je relis.
Et je corrige cette petite erreur :
--
Et je corrige cette petite erreur :
<p style="background:url(image.jpg) top left no-repeat width:400px; height:300px;">
sans le premier ; ^
--
17 oct. 2007 à 18:41
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
15 juin 2010 à 09:58
merci
16 mai 2013 à 15:58