tiny mce + newsletter nekorektní zobrazování

[parek4u]

Mám problém se zobrazením emailu vloženého prostřednictvím tyni mce. V photosopu jsem si vytvořil newsletter ořezal a uložil jako html stránku. Tento html kod jsem vložil prostřednictvím modulu newsletter_tab_modul do tyni mce který je v tomto modulu dán jako html kód, bohužel po odeslání testovacího emailu a jeho zobrazení má kolem každého obrázku volné míto řekl bych 1-2px mezery.

 

Při zobrazení v prohlížeči se newletter zobrazuje jak má.

 

Kde by mohla být chyba ?

 

V příloze je screen z email klienta červené rámečky kolem těch mezer...

 

zde je odkaz jak se zobrazuje v prohlížeči :

 

http://spodary.cz/newsletter/2/newsletter2.html

 

Nejspíš to bude tini mce editorem, v global css jiné nstylování nepomohlo

 

Díky za rady

[Falgener]

Koukám, on ten fotošop to vygeneruje jako tabulku, což není ideální

Zkuste se v tom Tyni Mce podívat do zdrojaku na html kód, jestli nezmrší něco v tomhle řádku, tyhle WYSIWYG editory tabulky rádi prasej.

<table id="Table_01" width="691" height="1259" border="0" cellpadding="0" cellspacing="0">

[parek4u]

tohle tam je jak má, když sem si email doručený otevřel v html editoru a uložil tak se zobrazuje jak má .. tak tohle opravdu nechápu

vypadá to že se email odesílá jak má , ale klient jej zobrazuje nekorektně.

 

Třeba v gmailu je mezi obrázky 15px mezera, v mail klientovi co je v mac os x je mezera 2px.

 

I když sem tabulku smazal a udělal zní divy pořád to samé...

 

tak nevím , jak odesíláte neslettery rozřezané na obrázky vy ?

[Falgener]

Tak pokud jste to předělal na div, tak to je pro mne trochu záhada. Já newsletter neposílám, ale koukal jsem do těch co mi chodí a třeba i ten bwin to má jako tabulku a vypadá korektně. To mě celkem zajímá, vypadá to trochu na toho klienta, ale proč i div? Zkuste mi poslat jeden testovací, třeba na falgener štrůdl gmail.com

[parek4u]

poslal sem vám testovaci email jak v tabulce tak i v divu , zkuste se na to mrknout dekuji

Edited June 9, 2012 by parek4u (see edit history)

[Falgener]

Tak mně to přišlo jen jednou (v tabulce) a ještě víc rozházené než to máte na obrázku. Nicméně vypadá to, že to dědí některý styl z toho emailového klienta, vypadá to na border spacing. Polaďte si to v opeře nebo chrome, pod pravým myšítkem na rozhozeném prvku volba Zkontrolovat prvek/inspect element se vám ukážou konkrétni css nastavení toho prvku. Aby se to nedědilo, budete to muset natvrdo dostylovat v tom vašem originálu.

V seznamáckým klientovi tam vidím

border-collapse: separate;
border-spacing: 2px 2px;

zkuste nastavit

<table id="Table_01" width="691" height="1259" border="0" cellpadding="0" cellspacing="0" border="0" style="border-collapse: collapse !important;" >

border-spacing by pak měl být ignorován, nebo ho ho nastavte na 0.

Ale jak řikám, mě to přišlo ještě víc rozhozené takže nějaká chybka při odesílání

Edited June 10, 2012 by Falgener (see edit history)

[parek4u]

Tak vkládá mi to za každý div prvek <br> jinak nic jiného se tam nemění vše při starém jn Tyni MCE tam dá to <br> pokud se jedná o tabulku tak tam vkládá samovolně spoustu prázdných řádků <tr><td><br></td></tr> víte někdo kde to v Tyni MCE můžu předělat popřípadě vypnout ?

[Falgener]

Jako, chcete říct, že Vám to tam vkládá i když se tím čudlíkem HTML přepnete do editace v řežimu zdrojového kódu? Joj, vloudila mi mi tam chybka, středník navíc, opraveno. Vemte si ten původní html, co máte v odkazu, ten je koukám dobře, v řežimu přímé editace html ho tam vložte a upravte ten styl, potažmo zkontrolujte jak píšu nahoře, co vám to rozhazuje... Nebo zeditujte přimo ten zdroják v pspadu a vykašlete se na celé Tiny

Edited June 10, 2012 by Falgener (see edit history)

[parek4u]

To právě ne, v tyni MCE při přepnutí na html vložím hml kod bud jako divy nebo jako tabulku (mám obě varianty newsletteru) poté řepnu do tyni poté zpět do html ale BR prvky se zde nevloží. Po otevření v klientovi například v gmailu nebo seznamu a zobrazení jak jste mi doporučil je tam spousta vloených BR prvků, vždy jedn za každým obrázkem, popřípadě divem v tabulce je to horší tam se to nacpe skoro všude někde i dva tři zasebou.

 

zaslal jsem vám jěště jeden testovací newsletter v divu je tam jen pár prvků ale i tak jsou stále odděleny <BR>

Edited June 10, 2012 by parek4u (see edit history)

[Falgener]

No, už je to skoro dobře, jen tam furt zůstal ten border spacing, protože teď to máte nějakou míchanici div a table, doeditoval jsem příspěvek výše, tak to zkuste, zůstaňte u té tabulkové verze

[parek4u]

Díky za rady bohužel v té tabulkové verzi je to hrůza.

 

Zde je kód tabukové verze :

 

<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- Save for Web Slices (newsletter_orez.psd) -->
<table id="Table_01" width="692" height="1259" border="0" cellpadding="0" cellspacing="0" border-spacing="0" border="0" style="border-collapse: collapse !important;border-spacing:0" >
<tr>
 <td rowspan="3">
  <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_01.jpg" width="20" height="451" alt=""></td>
 <td>
  <a href="http://spodary.cz/content/7-newsletter">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_02.png" width="190" height="27" border="0" alt="Newsletter"></a></td>
 <td rowspan="3">
  <a href="http://spodary.cz/content/5-slevove-akce">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_03.jpg" width="2" height="451" border="0" alt="Slevy"></a></td>
 <td>
  <a href="http://spodary.cz/content/7-newsletter">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_04.jpg" width="133" height="27" border="0" alt="Newsletter"></a></td>
 <td>
  <a href="http://spodary.cz/content/5-slevove-akce">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_05.jpg" width="1" height="27" border="0" alt="Slevy"></a></td>
 <td>
  <a href="http://spodary.cz/content/7-newsletter">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_06.jpg" width="171" height="27" border="0" alt="Newsletter"></a></td>
 <td colspan="2">
  <a href="http://spodary.cz/content/7-newsletter">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_07.jpg" width="153" height="27" border="0" alt="Newsletter"></a></td>
 <td rowspan="3">
  <a href="http://spodary.cz/content/5-slevove-akce">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_08.jpg" width="1" height="451" border="0" alt="Slevy"></a></td>
 <td rowspan="3">
  <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_09.jpg" width="20" height="451" alt=""></td>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/spacer.gif" width="1" height="27" alt=""></td>
</tr>
<tr>
 <td>
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_10.jpg" width="190" height="134" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td colspan="2">
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_11.jpg" width="134" height="134" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td colspan="2">
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_12.jpg" width="172" height="134" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td>
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_13.jpg" width="152" height="134" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/spacer.gif" width="1" height="134" alt=""></td>
</tr>
<tr>
 <td>
  <a href="http://spodary.cz/content/5-slevove-akce">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_03-15.jpg" width="190" height="290" border="0" alt="Slevy"></a></td>
 <td colspan="2">
  <a href="http://spodary.cz/content/5-slevove-akce">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_05-16.jpg" width="134" height="290" border="0" alt="Slevy"></a></td>
 <td>
  <a href="http://spodary.cz/content/5-slevove-akce">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_16.jpg" width="171" height="290" border="0" alt="Slevy"></a></td>
 <td colspan="2">
  <a href="http://spodary.cz/content/5-slevove-akce">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_08-18.jpg" width="153" height="290" border="0" alt="Slevy"></a></td>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/spacer.gif" width="1" height="290" alt=""></td>
</tr>
<tr>
 <td>
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_18.jpg" width="20" height="42" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td colspan="2">
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_19.jpg" width="192" height="42" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td colspan="2">
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_20.jpg" width="134" height="42" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td>
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_21.jpg" width="171" height="42" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td colspan="3">
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_22.jpg" width="154" height="42" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td>
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_23.jpg" width="20" height="42" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/spacer.gif" width="1" height="42" alt=""></td>
</tr>
<tr>
 <td>
  <a href="http://spodary.cz/2-calvin-klein">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_24.jpg" width="20" height="230" border="0" alt="CALVIN KLEIN"></a></td>
 <td colspan="2">
  <a href="http://spodary.cz/2-calvin-klein">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_25.jpg" width="192" height="230" border="0" alt="CALVIN KLEIN"></a></td>
 <td colspan="2">
  <a href="http://spodary.cz/2-calvin-klein">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_26.jpg" width="134" height="230" border="0" alt="CALVIN KLEIN"></a></td>
 <td>
  <a href="http://spodary.cz/2-calvin-klein">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_27.jpg" width="171" height="230" border="0" alt="CALVIN KLEIN"></a></td>
 <td colspan="3">
  <a href="http://spodary.cz/2-calvin-klein">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_28.jpg" width="154" height="230" border="0" alt="CALVIN KLEIN"></a></td>
 <td>
  <a href="http://spodary.cz/2-calvin-klein">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_29.jpg" width="20" height="230" border="0" alt="CALVIN KLEIN"></a></td>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/spacer.gif" width="1" height="230" alt=""></td>
</tr>
<tr>
 <td>
  <a href="http://spodary.cz/3-chantelle">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_30.jpg" width="20" height="228" border="0" alt="CHANTELLE"></a></td>
 <td colspan="2">
  <a href="http://spodary.cz/3-chantelle">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_31.jpg" width="192" height="228" border="0" alt="CHANTELLE"></a></td>
 <td colspan="2">
  <a href="http://spodary.cz/3-chantelle">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_32.jpg" width="134" height="228" border="0" alt="CHANTELLE"></a></td>
 <td>
  <a href="http://spodary.cz/3-chantelle">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_33.jpg" width="171" height="228" border="0" alt="CHANTELLE"></a></td>
 <td colspan="3">
  <a href="http://spodary.cz/3-chantelle">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_34.jpg" width="154" height="228" border="0" alt="CHANTELLE"></a></td>
 <td>
  <a href="http://spodary.cz/3-chantelle">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_35.jpg" width="20" height="228" border="0" alt="CHANTELLE"></a></td>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/spacer.gif" width="1" height="228" alt=""></td>
</tr>
<tr>
 <td rowspan="2">
  <a href="http://spodary.cz/23-puma">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_36.jpg" width="20" height="251" border="0" alt="PUMA"></a></td>
 <td colspan="2">
  <a href="http://spodary.cz/23-puma">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_37.jpg" width="192" height="228" border="0" alt="PUMA"></a></td>
 <td colspan="2">
  <a href="http://spodary.cz/23-puma">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_38.jpg" width="134" height="228" border="0" alt="PUMA"></a></td>
 <td>
  <a href="http://spodary.cz/23-puma">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_39.jpg" width="171" height="228" border="0" alt="PUMA"></a></td>
 <td colspan="3">
  <a href="http://spodary.cz/23-puma">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_40.jpg" width="154" height="228" border="0" alt="PUMA"></a></td>
 <td rowspan="2">
  <a href="http://spodary.cz/23-puma">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_41.jpg" width="20" height="251" border="0" alt="PUMA"></a></td>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/spacer.gif" width="1" height="228" alt=""></td>
</tr>
<tr>
 <td colspan="2" rowspan="2">
  <a href="http://www.facebook.com/pages/SPOĎÁRYcz/136418099707847?ref=tn_tnmn">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_42.jpg" width="192" height="42" border="0" alt="Facebook"></a></td>
 <td colspan="2" rowspan="2">
  <a href="http://www.facebook.com/pages/SPOĎÁRYcz/136418099707847?ref=tn_tnmn">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_43.jpg" width="134" height="42" border="0" alt="Facebook"></a></td>
 <td rowspan="2">
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_44.jpg" width="171" height="42" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td rowspan="2">
  <img src="images/newsletter_orez_45.jpg" width="1" height="42" alt=""></td>
 <td rowspan="2">
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_46.jpg" width="152" height="42" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td rowspan="2">
  <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_47.jpg" width="1" height="42" alt=""></td>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/spacer.gif" width="1" height="23" alt=""></td>
</tr>
<tr>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_48.jpg" width="20" height="19" alt=""></td>
 <td rowspan="2">
  <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_49.jpg" width="20" height="57" alt="SPOĎÁRY.cz"></td>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/spacer.gif" width="1" height="19" alt=""></td>
</tr>
<tr>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_50.jpg" width="20" height="38" alt=""></td>
 <td colspan="2">
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_51.jpg" width="192" height="38" alt=""></td>
 <td colspan="2">
  <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_33.png" width="134" height="38" alt=""></td>
 <td>
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_53.jpg" width="171" height="38" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td colspan="3">
  <a href="http://www.spodary.cz">
   <img src="http://www.spodary.cz/newsletter/1/images/newsletter_orez_54.jpg" width="154" height="38" border="0" alt="SPOĎÁRY.cz"></a></td>
 <td>
  <img src="http://www.spodary.cz/newsletter/1/images/spacer.gif" width="1" height="38" alt=""></td>
</tr>
</table>
<!-- End Save for Web Slices -->
</body>

 

Zde je kód pro div

 

 <div style="float:left;width:691px;height:27px;border:0px;margin-bottom:-4px">
  <img src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_01.jpg" style="width:691px;height:27px;border:0px" alt="">
 </div>

 <div style="float:left;width:691px;height:140px;border:0px;margin-bottom:-4px">
  <img src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_02.jpg" style="width:691px;height:140px;border:0px" alt="">
 </div>

 <div style="float:left;width:691px;height:326px;border:0px;margin-bottom:-4px">
  <img src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_03.png" style="width:691px;height:326px;border:0px" alt="">
 </div>

 <div style="float:left;width:691px;height:1px;border:0px;margin-bottom:-4px">
  <img src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_04.jpg" style="width:691px;height:1px;border:0px"  alt="">
 </div>

 <div style="float:left;width:691px;height:227px;border:0px;margin-bottom:-4px">
  <img src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_05.jpg" style="width:691px;height:227px;border:0px" alt="">
 </div>

 <div style="float:left;width:691px;height:231px;border:0px;margin-bottom:-4px">
  <img src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_06.jpg" style="width:691px;height:231px;border:0px" alt="">
 </div>

 <div style="float:left;width:691px;height:227px;border:0px;margin-bottom:-4px">
  <img src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_07.jpg" style="width:691px;height:227px;border:0px" alt="">
 </div>

 <div style="float:left;width:691px;height:42px;border:0px;margin-bottom:-4px">
  <img src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_08.jpg" style="width:691px;height:42px;border:0px" alt="">
 </div>

 <div style="float:left;width:691px;height:38px;border:0px;margin-bottom:-4px">
  <img src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_09.jpg" style="width:691px;height:38px;border:0px" alt="">
 </div>

 

Bohužel nic nepomáhá ten border-collapse aniborder spacing nepomáhá. V té tabukové verzi jsou tam desítky <br> prvků které rozhodí kompletně celý newsletter.

 

Zaslal sem vám tu tabulkovou verzi po vaší úpravě ... bohužel nepomohlo

 

V klientovi se mi to zobrazuje hezky až na ty mezery meziprvky v gmailu je to rozhozené kompletně celé.

 

Nevíte jak odstranit celý tiny editor ? nejradši bych jej celý vyhodil ale po úpravě skript pro newsletter mi to dělalo ještě větší mezery...

[Falgener]

Nainstaluju si nějaký newsleter modul a vyřeším vám to, ale nebude to hned

[parek4u]

Diky moc

To by ste byl hodny

Zkousel sem newsletertabmodule a taky verzi ktreje zde na foru newsleteer primo v administraci.

Porad to same

Diky

[Falgener]

Tak jo, tohle vložte do toho editoru v html režimu

<!-- Save for Web Slices (newsletter_orez.psd) -->
<div  style="border: 0px; padding: 0; margin: 0; display: block; width: 691px;"   ><div  style="border: 0px; padding: 0; margin: 0; display: block; max-height:27px; "   ><img border="0" src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_01.jpg" width="691" height="27" alt=""></div><div style="border: 0px; padding: 0; margin: 0; display: block; max-height:140px; "   ><img border="0" src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_02.jpg" width="691" height="140" alt=""></div><div style="border: 0px; padding: 0; margin: 0; display: block; max-height:326px; "  ><img border="0" src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_03.png" width="691" height="326" alt=""></div><div  style="border: 0px; padding: 0; margin: 0; display: block; max-height:1px; "  ><img border="0" src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_04.jpg" width="691" height="1" alt=""></div><div style="border: 0px; padding: 0; margin: 0; display: block; max-height:227px; "   ><img border="0" src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_05.jpg" width="691" height="227" alt=""></div><div style="border: 0px; padding: 0; margin: 0; display: block; max-height:231px; "   ><img border="0" src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_06.jpg" width="691" height="231" alt=""></div><div style="border: 0px; padding: 0; margin: 0; display: block; max-height:227px; "   ><img border="0" src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_07.jpg" width="691" height="227" alt=""></div><div style="border: 0px; padding: 0; margin: 0; display: block; max-height:42px;"   ><img border="0" src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_08.jpg" width="691" height="42" alt=""></div><div style="border: 0px; padding: 0; margin: 0; display: block; max-height:38px; "   ><img border="0" src="http://www.spodary.cz/newsletter/2/images/newsletter_orez_09.jpg" width="691" height="38" alt=""></div></div>
<!-- End Save for Web Slices -->

 

Takhle je to v divech, odkoušeno na gmailu.ten první div je jen obal na ty ostatní, tak se nastavuje jen šířka. Musíte to i v tom html režimu psát do jednoho řádku, jinak tam ta umělá inteligence tyni ty br nafláká. nezkoušel jsem jestli to platí i pro tabulky kdyby byla zapsaná v jednom řádku. Na editaci si to dejte do více řádků, klidně, ale pak to spojte do jednoho

I přes to tam byla 3px mezera v gmailu. Anžto oni mají někde nastaveno min-height, tak to pak nejde nastavit výšku heigh na auto protože jsou v konfliktu, pak min-height přebije height. Takže jsem musel dát max-height pro každý div podle obrázku. ty ostatni věci jako marginy atd by tom možná ani nemusely být.

 

Jo, použil jsem tenhle modul newsletr http://www.prestasho...tter-update-14/. Asi sem nějak zvojtil instalaci, protože instruktážní video bylo v nějaký hatmatilce, kterou jsem vůbec nechápal. Usoudil jsem, že obsah adresaře js patří do js, ale tam už jedno tyni je, no výsledkem je, že ho v tom modulu mám bez tlačítek a vkládám rovnou html , ale jak řikám, stejně si to přidávalo ty br.

Edited June 10, 2012 by Falgener (see edit history)

[parek4u]

Diky za vyzkouseni. Moc jsem nepochopil jestli vam to funguje nebone. Kazdopadne jsem vyzkousel vase rady a nic nepomohlo stale se tam delaji mezery mezi jednotlivima blokama.... Takze br se tam vklada i po vytvoreni kodu jako jeden radek....

[Falgener]

Mně to funguje, testovano na gmail a na seznam, klidně vám zašlu testovací, jestli chcete. Každopádně já mám nějak nakoplé to tyni, jak vidno z obrázku, protože autor tam ty ovládací prvky na tom videu má, nebo naopak to video patří k nějaké staré verzi a autor to tyni upravil aby fungovalo takhle. Nějak totiž nechápu, proč by tam cpal druhé tyni, když už v prestě normálně je ...

 

 

Zkuste pohledat v tom vláknu, kde jste stahoval.

 

Tak jsem se tam podíval sám

Na konci to taky někdo řeší, je tam odkaz na novou verzi 2.7, ale podle počtu stažení všichni jedou na tu starou

 

Vyzkoušena v 2.7, podstatně zjednodušená instalace kde není co zkazit, instalace na jiný server, PS1.4.8.2, tlačítka v tyni tam stejně nemám , no nic, ale funguje to jinak správně, ani nemusí být kód v jednom řádku...

Edited June 11, 2012 by Falgener (see edit history)

[parek4u]

díky za rady a trpělivost, nakonec jsem nainstaloval vámi doporučovaný modul a zde ji kód funguje jak má, díky moc

sice pro tvoření dalších newsletterů to bude oříšek ale nějak se stím už poperu

ještě jednou díky