Rechercher : dans
Par :

Insertion texte sur une image dans dreamweave

Dernière réponse le 17 oct 2007 à 20:07:54 Eve, le 14 mar 2007 à 14:50:04 
 Signaler ce message aux modérateurs

Bonjour,

Je cherche à insérer du texte sur une image sur dreamweaver. Comment puis je m'y prendre???

Merci beaucoup

Configuration: Windows XP
Firefox 2.0.0.2

Meilleures réponses pour « Insertion texte sur une image dans dreamweave » dans :
LaTeX - Insertion d'images Voir Style LaTeX permet d'insérer des images de différents formats. Le plus simple est d'insérer des fichiers de type eps (Encapsuled Postscript) : Il suffit d'insérer dans le préambule la ligne suivante : \usepackage{graphicx} Puis d'insérer...
Insérer une image dans un mail Gmail en cours de composition VoirVoici une excellente méthode pour insérer des images dans vos e-mails Gmail. Résultat garanti ! Vu que vous avez un compte Gmail (puisque vous vous posez cette question) vous avez nécessairement accès à Google Documents. C'est le même compte...
[CCM] Insérer une image dans une discussion VoirLes forums de CCM ne contiennent volontairement pas la possibilité d'insérer des images dans les messages afin de garder une certaine cohérence aux forums. Cependant, il vous est possible de montrer des images ou des captures d'écran en...
[CommentçaMarche] Insérer une image dans la FAQ VoirPour insérer une image dans une FAQ Insérer des captures d'écran peut aider à la compréhension d'une explication. Voici comment procéder pour améliorer les Astuces de CommentçaMarche (les FAQ). Il y a deux manière d'insérer une image: Soit une...
Les arrière-plans VoirInsérer une image en fond Il est possible de définir une image d'arrière-plan pour la page web grâce aux attributs de la balise  : Attribut Effet Visuel BACKGROUND="image" Affiche l'image en arrière...

1

Riwalenn, le 14 mar 2007 à 14:58:31

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) Cordialement,
Riwalenn

Répondre à Riwalenn

4

eve_dianne, le 14 mar 2007 à 17:03:43

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

Répondre à eve_dianne

2

benkeeper, le 14 mar 2007 à 15:00:45

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

Répondre à benkeeper

18

irespuka, le 17 oct 2007 à 18:41:37

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

Répondre à irespuka

3

eve_dianne, le 14 mar 2007 à 16:58:12

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...

Répondre à eve_dianne

5

Gihef, le 14 mar 2007 à 17:10:49

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.
 

Répondre à Gihef

7

eve_dianne, le 14 mar 2007 à 17:44:02

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

Répondre à eve_dianne

6

Jacobéo, le 14 mar 2007 à 17:31:09

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. Internet ne vaut que s'il est partagé ...
Jacques

Répondre à Jacobéo

9

eve_dianne, le 15 mar 2007 à 17:15:55

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

Répondre à eve_dianne

8

Gihef, le 15 mar 2007 à 02:37:21
Répondre à Gihef

10

eve_dianne, le 15 mar 2007 à 17:17:37

C'est intéressant, thanks a lot

Répondre à eve_dianne

11

eve_dianne, le 15 mar 2007 à 17:59:42

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!

Répondre à eve_dianne

12

Riwalenn, le 20 mar 2007 à 09:24:21

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 ? Cordialement,
Riwalenn

Répondre à Riwalenn

13

eve_dianne, le 26 mar 2007 à 16:13:03

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

Répondre à eve_dianne

14

Riwalenn, le 26 mar 2007 à 17:22:47

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... Cordialement,
Riwalenn

Répondre à Riwalenn

15

eve_dianne, le 26 mar 2007 à 18:04:32

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

Répondre à eve_dianne

16

Gihef, le 26 mar 2007 à 18:27:29

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…
 

Répondre à Gihef

17

eve_dianne, le 30 mar 2007 à 15:46:53

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

Répondre à eve_dianne

19

 Gihef, le 17 oct 2007 à 20:07:54
  • +1

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 ;   ^  

--

Répondre à Gihef
Collection CommentÇaMarche.net