Les Allergies
Alimentaires
Posez votre question Signaler

Insertion texte sur une image dans dreamweave

Eve - Dernière réponse le 15 juin 2010 à 09:58
Bonjour,
Je cherche à insérer du texte sur une image sur dreamweaver. Comment puis je m'y prendre???
Merci beaucoup
Lire la suite 

Insertion texte sur une image dans dreamweave »

20 réponses
Réponse
+6
moins plus
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 :
<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
irespuka - 17 oct. 2007 à 18:41
Bonjour,

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
wallacebarth - 15 juin 2010 à 09:58
+1 pour cette soluce !
merci
Ajouter un commentaire
Réponse
+0
moins plus
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)
eve_dianne- 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
Ajouter un commentaire
Réponse
+0
moins plus
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...
Ajouter un commentaire
Réponse
+0
moins plus
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.
eve_dianne- 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
Ajouter un commentaire
Réponse
+0
moins plus
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.
eve_dianne- 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
Ajouter un commentaire
Réponse
+0
moins plus
+ http://pompage.net/pompe/emails-html-dompter-la-bete/
eve_dianne- 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
Riwalenn- 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...
eve_dianne- 26 mars 2007 à 18:04
J'ai trouvé mais c'est pas toujours parfait. C'est bizarre qu'on ne puisse pas les ajuster juste en marquant les dimensions. Ca marche manuellement.

En fait avant d'insérer l'image, il faut créer un tableau qui va être plus petit que l'image. SI le tableau est plus grand, l'image de fond d'ecran va se dupliquer pour remplir le tableau. ET c'est plus dur à ajuster après.

Ca avance, step by step!

Merci en tout cas
Ajouter un commentaire
Réponse
+0
moins plus
Et, par exemple,
<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- 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
Gihef- 17 oct. 2007 à 20:07
Tu réactives le post et je relis.
Et je corrige cette petite erreur :
<p style="background:url(image.jpg) top left no-repeat width:400px; height:300px;">
                                              sans le premier ;   ^  

--
Ajouter un commentaire
Ce document intitulé « Insertion texte sur une image dans dreamweave » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?