rss
Ils ont besoin de votre aide Tous les messages sans réponse
Rechercher : dans
Par : Pertinence Date Nom d'utilisateur
Statut : Non résolu

Insertion texte sur une image dans dreamweave

Posté par Eve, le mercredi 14 mars 2007 à 14:50:04
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
Répondre à Eve  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Riwalenn, le mercredi 14 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
eve_dianne, le mercredi 14 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
benkeeper, le mercredi 14 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
irespuka, le mercredi 17 octobre 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
eve_dianne, le mercredi 14 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le mercredi 14 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
eve_dianne, le mercredi 14 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Jacobéo, le mercredi 14 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
eve_dianne, le jeudi 15 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le jeudi 15 mars 2007 à 02:37:21
   
Répondre à Gihef

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
eve_dianne, le jeudi 15 mars 2007 à 17:17:37
C'est intéressant, thanks a lot
   
Répondre à eve_dianne

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
eve_dianne, le jeudi 15 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Riwalenn, le mardi 20 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
eve_dianne, le lundi 26 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Riwalenn, le lundi 26 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
eve_dianne, le lundi 26 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Gihef, le lundi 26 mars 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


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
eve_dianne, le vendredi 30 mars 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


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
 Gihef, le mercredi 17 octobre 2007 à 20:07:54
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
Posez votre question Répondre
Logiciels pertinents trouvés dans les téléchargements
Télécharger CartaGoGo 3.0.6CartaGoGo - Vous aimez les cartes de visites et les étiquettes ? Vous trouvez que les logiciels du commerce sont trop lourds à gérer ?...Catégorie: Emploi/CV
Licence: Freeware/gratuit
Télécharger WinUAE 1.4.6WinUAE - WinUAE est un émulateur Amiga pour Windows. Cet émulateur permet de faire revivre cette formidable machine, qui...Catégorie: Emulation
Licence: Freeware/gratuit
Télécharger PDFLab 2.0.3r2PDFLab - PDFLab vous permet de diviser et assembler des documents PDF ainsi que d'y insérer des images, des pages blanches. Vous...Catégorie: PDF
Licence: Freeware/gratuit
Télécharger Ditto 3.15.4Ditto - Ditto est une extension du presse-papier standard de Windows (clipboard). Il permet de sauver chaque item placé dans le...Catégorie: Gestion de fichiers
Licence: Open Source
Plus de logiciels gratuits sur « Insertion texte sur une image dans dreamweave »