Tutoriels vidéo art graphique gratuits

 
Bienvenue, Invité. Merci de vous connecter ou de vous inscrire.
Pages: [1]   En bas

Auteur Sujet: Problème d'affichage des background  (Lu 3854 fois)

laura

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 302
    • Voir le profil
Problème d'affichage des background
« le: juin 17, 2014, 08:47:53 am »

Bonjour,

Je ne m'y connais pas du tout en Dreamweaver mais j'ai besoin de faire une newsletter à partir de ce logiciel.

J'ai donc réalisé ma maquette sous photoshop, placé les tranches... et enregistré pour le web. Jusque là pas de soucis. Pour le reste les liens fonctionnent aussi.
Le problème se situe lors de la mise en ligne. Toutes mes images s'affichent correctement sauf celles en background (ce que je ne vois pas sous dream. Je suppose que c'est une erreur de code, alors voici ce que j'ai mis :

<td width="329" height="82" colspan="3" background="http://www.site.com/galerie/newsletter_special/newsletter_8/images/newsletter_8_21.jpg"><div style="color: #FFF; font-size: 12px; text-align: center;"><span id="boldblanc">texte1 <br>texte2</span></div></td>

Je vous remercie pour votre aide,

Laura
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3234
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Problème d'affichage des background
« Réponse #1 le: juin 18, 2014, 13:54:30 pm »

Bonjour.
Essaye de remplacer :
background="http://www.site.com/galerie/newsletter_special/newsletter_8/images/newsletter_8_21.jpg"

Par :
style="background: url("http://www.site.com/galerie/newsletter_special/newsletter_8/images/newsletter_8_21.jpg") no-repeat 0 0;"
« Modifié: juin 18, 2014, 13:56:15 pm par Eddy »
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

laura

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 302
    • Voir le profil
Re : Problème d'affichage des background
« Réponse #2 le: juin 19, 2014, 10:08:20 am »

Bonjour Eddy,

Merci pour ton aide.

Alors j'ai une erreur de code (la balise <td> ne se ferme pas comme il faut à première vue) de ce fait il s'affiche dans le visuel :
<td><style="background: url("http://www.site.com/galerie/newsletter_special/newsletter_8/images/newsletter_8_21.jpg") no-repeat 0 0;"><div style="color: #FFF; font-size: 12px; text-align: center;"><span id="boldblanc">texte1 <br>texte2</span></div></td>

IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3234
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Problème d'affichage des background
« Réponse #3 le: juin 19, 2014, 13:22:54 pm »

Bonjour Laura.

C'est normal que tu ais une erreur, tu n'as pas fait ce que j'ai infdiqué ! Il ne fallait remplacer que le premier code indiqué par le second. Là tu as refermé ta balise td avant de lui donner le style.

Essaye comme suit :

<td width="329" height="82" colspan="3" style="background:("http://www.site.com/galerie/newsletter_special/newsletter_8/images/newsletter_8_21.jpg") no-repeat 0 0;"><div style="color: #FFF; font-size: 12px; text-align: center;"><span id="boldblanc">texte1 <br>texte2</span></div></td>

Aussi je ne comprends pas très bien pourquoi tu travailles avec des tables en y insérant des divs, les div devraient suffire, je pense. Il suffit de les formater par css.
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

laura

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 302
    • Voir le profil
Re : Problème d'affichage des background
« Réponse #4 le: juin 20, 2014, 11:21:19 am »

Bonjour Eddy,

Parce que Dream me l'a fait comme ça tout seul. Je ne connais pas le code.

Il m'affiche bien le texte mais pas l'image de fond :/
Si je ne met que ça :    
<td width="317" height="78" colspan="8" background="images/newsletter_PROS8_20.jpg">&nbsp;</td>

c'est parfait

mais si je mets ça :

<td width="317" height="78" colspan="8" style="background:("images/newsletter_PROS8_20.jpg")no-repeat 0 0;">&nbsp;</td>

ou ça :

<td width="317" height="78" colspan="8" style=background=("http://www.site.com/galerie/newsletter_special/newsletter_8/images/newsletter_PROS8_20.jpg") no-repeat 0 0;">test</td>

La case est blanche avec texte

Merci beaucoup pour ton aide
« Modifié: juin 20, 2014, 11:34:50 am par laura »
IP archivée

Eddy

  • Global Moderator
  • Wisi Comment on décroche
  • *****
  • Hors ligne Hors ligne
  • Messages: 3234
  • Éternel apprenti.
    • Voir le profil
    • Scriptopedia.org
    • E-mail
Re : Problème d'affichage des background
« Réponse #5 le: juin 20, 2014, 19:50:51 pm »

Hmmm, en effet, cette saleté de td ne se laisse pas formater par un style css.

Personnellement je n'utiliserais pas de tables mais des divs, des titres, des paragraphes, etc.
Tout ce petit monde se laisse bien formater sans réclamer si on a des notions ou des connaissances en CSS.

J'ai fais quelques tests et le code que tu avais donné au début fonctionne pour moi. J'ai bien l'image renseignée en fond de cellules. Es-tu certaine de l'URL de ton image ?
« Modifié: juin 25, 2014, 18:59:20 pm par Eddy »
IP archivée
Config : I-Mac 27" Core I5 12Go RAM - OSX 10.10.X

laura

  • Wisi J'habite sur le forum
  • ****
  • Hors ligne Hors ligne
  • Messages: 302
    • Voir le profil
Re : Problème d'affichage des background
« Réponse #6 le: juin 25, 2014, 15:29:14 pm »

Je vais regarder (ma collègue est passée par là) je te dirais. Merci pour ton aide en tous les cas.
IP archivée
 



Wisibility est un sité dédié à la formation aux métiers l’image. Vous y trouverez différentes ressources vous aidant à maîtriser les logiciels graphiques tels que Photoshop, Lightroom, Illustrator, InDesign, Flash… Aujourd’hui, Wisibility réunie plus d'une vingtaine d’experts, intervenant en Entreprise pour former graphistes, webdesigners, développeurs web, photographes, monteurs, trucistes…
Depuis 2006 nous nous sommes spécialisés dans les tutoriels vidéos permettant de se former à distance. Notre forum très actif, géré par une équipe de bénévoles répondra à vos demandes. Vous pourrez également profiter de nos émissions et reportages sur la Wisi TV.

Nos partenaires

         
Contact - Wisibility est une marque déposée

Blog - Tutoriels - Wisi TV - Forum