[Newbie] Ecrire sur une image

Ecrire sur une image [Newbie] - Web design - Graphisme

Marsh Posté le 05-07-2004 à 12:04:33    

Bjr :)
J'aimerai si c'etait possible d'ecrire sur une image sous Dreamweaver car en faite je crée un site j'ai le design etc mais maintenant je doit remplir les pages mais vu que c'est que des images je trouve pas comment ecrire dans les cadres :(
si quelqu'un c'est comment faire  :jap:

Reply

Marsh Posté le 05-07-2004 à 12:04:33   

Reply

Marsh Posté le 05-07-2004 à 12:06:39    

Soit tu fais un tableau et tu met ton image en arriere plan soit
tu fais un cadre ou tu insere ton image et tu fais des calques par dessus

Reply

Marsh Posté le 05-07-2004 à 12:17:03    

annelle a écrit :

Soit tu fais un tableau et tu met ton image en arriere plan soit
tu fais un cadre ou tu insere ton image et tu fais des calques par dessus


[:plusun]
A mom avis, c'est plus simple d'utiliser la solution avec les calques car tu peux disposer ton texte très facilement à l'endroit que tu veux...
Mais ça marche aussi très bien avec un tableau avec ton image en arrière plan... ;)


Message édité par Banane masquee le 05-07-2004 à 12:17:43

---------------
Il y a 10 sortes de personnes. Ceux qui comprennent le binaire et ceux qui ne le comprennent pas. *** Utilitaire pour MJ du jeu du dico
Reply

Marsh Posté le 05-07-2004 à 12:26:01    

merci mais comment on crée le calque ? c'est pas trop compliqué je debute :)

Reply

Marsh Posté le 05-07-2004 à 12:32:26    

avec des balises <div>... mais tu dois avoir un bouton "insérer un calque" dans la barre du haut, comme il y a un bouton "insérer un tableau" ou "insérer une image"...


---------------
Il y a 10 sortes de personnes. Ceux qui comprennent le binaire et ceux qui ne le comprennent pas. *** Utilitaire pour MJ du jeu du dico
Reply

Marsh Posté le 05-07-2004 à 12:59:50    

je vais essayé je vous dit ca tout de suite

Reply

Marsh Posté le 05-07-2004 à 13:18:36    

vi mais moi j'aime pas trop les calques, parce que qd tu les place sous dreamweaver et que tu fais un apercu apres ils ont toujours tendance a ce baladé et donc il faut les reajuster a chaque fois, ca devient vite pénible ..  
Mais ce que tu px faire aussi, tu inclues tes texte dans tes images ( donc pour chaque page t ora une nouvelle image) et tu fé des gif de tous ca et tu t embetera moins qu avec les calques  
pi apres pour les liens tu fais des zones reactives sur ton image et c regler...  
C'est peut etre un peu barbare comme méthode  [:zemin]  
 
sinon le bouton pour ajouter des calque c'est dans le menu commun a coté du bouton creer un tableau  
voiila !  

Reply

Marsh Posté le 05-07-2004 à 14:02:03    

En positionnant le calque de texte en relatif par rapport au calque d'image, il y aura déjà moins de décallage... si bien sûr décallage il y a...


---------------
Il y a 10 sortes de personnes. Ceux qui comprennent le binaire et ceux qui ne le comprennent pas. *** Utilitaire pour MJ du jeu du dico
Reply

Marsh Posté le 05-07-2004 à 14:07:48    

Annelle j'avais fait cette methode mais c'est egalement penible de recommencé pour chaque pages :)

Reply

Marsh Posté le 05-07-2004 à 16:15:16    

ben de toute maniere tu devra toujour recommencer qqc que ce soit avec les calque ou avec les images ;o))

Reply

Marsh Posté le 05-07-2004 à 16:15:16   

Reply

Marsh Posté le 05-07-2004 à 16:15:50    

par ce que tes texte vont etre + ou - long et donc il ne se positionneront pas de la meme maniere ;)

Reply

Marsh Posté le 05-07-2004 à 23:41:45    

Le plus efficace à mon avis :
 
 - Mettre l'image en fond dans un DIV.
 - Donner à ce DIV les dimensions de l'image
 - Positionner le DIV
 
 - Mettre le texte dans un SPAN à l'intérieur du DIV
 - Positionner le SPAN avec le positionnement absolu.
 
Exemple, j'ai une image de 200x300 et je veux placer un texte à (50, 75) à partir du coin en haut à gauche :
 
<div id="monImage"><span>Mon texte</span></div>
 
div#monImage {
  position: relative;
  height: 200px;
  width: 300px;
  background-image: url("/mon/image.jpg" );
}
 
div#monImage span {
  position: absolute;
  top: 75px;
  left: 50px;
}
 
 
Le positionnement avec les CSS : http://incongru.webdynamit.net/PositionnementCss


---------------
Incongru : une FAQ abandonnée sur les Standards du Web - FAQ périmée de blabla@Prog
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed