Forum Wisibility

WEB => Dreamweaver => Discussion démarrée par: laura le juin 17, 2014, 08:47:53 am

Titre: Problème d'affichage des background
Posté par: laura 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
Titre: Re : Problème d'affichage des background
Posté par: Eddy 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;"
Titre: Re : Problème d'affichage des background
Posté par: laura 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>

Titre: Re : Problème d'affichage des background
Posté par: Eddy 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.
Titre: Re : Problème d'affichage des background
Posté par: laura 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
Titre: Re : Problème d'affichage des background
Posté par: Eddy 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 ?
Titre: Re : Problème d'affichage des background
Posté par: laura 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.