Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: chyba obrázku v podpisu u e-mailu

Aktivity
Avatar
kedarot
Člen
Avatar
kedarot:27.4.2015 13:17

Zdravím,
Mám nakódovaný podpis pro e-mail v HTML, je složen z obrázků a textů. Vše se zobrazuje správně, ale problém nastává když e-mail přepošlu. Při přeposlání dál se u podpisu nezobrazí obrázky.
Budu moc rád za pomoc.

<p style="color:#000000; font-family: calibri; font-size: 13px; margin:0px; padding: 0px;">


  <span style="font-size:26px;">Jan Přijmení</span><br />
  ředitel společnosti<br />

<p style="  margin: 3px; margin-top: 13px; margin-left: 0px; color:#000000; font-family: calibri; font-size: 13px;">  <img style=" vertical-align: middle; margin-right: 3px;" src="http://finlucro.testshopy.eu/tel.png" />   +420 724 000 000  <br />   </p>
<p style="  margin: 3px; margin-left: 0px; color:#000000; font-family: calibri; font-size: 13px;">                                    <img style=" vertical-align: middle; margin-right: 3px;" src="http://finlucro.testshopy.eu/email.png" /> <a style="color:#000000; text-decoration: none" href="mailto:[email protected]">[email protected]</a><br /></p>
<p style="  margin: 3px; margin-left: 0px; color:#000000; font-family: calibri; font-size: 13px;">                                    <img style=" vertical-align: middle; margin-right: 3px;" src="http://finlucro.testshopy.eu/web.png" />   <a style="color:#000000; text-decoration: none;" href="http://www.finlucro.cz">www.finlucro.cz</a></p>

<img style="float:left; padding: 0px; margin:0px; margin-top: 10px;" src="http://finlucro.testshopy.eu/logo.png" />  </p>
Editováno 27.4.2015 13:20
 
Odpovědět
27.4.2015 13:17
Avatar
kedarot
Člen
Avatar
Odpovídá na kedarot
kedarot:27.4.2015 13:22

ukázka vlevo spravně, v pravo špatně

 
Nahoru Odpovědět
27.4.2015 13:22
Avatar
Tomáš123
Člen
Avatar
Odpovídá na kedarot
Tomáš123:27.4.2015 20:00

Pravdepodobne sa pri prechode zmení adresa a HTML nenájde požadovaný obrázok. Umiestni súbory do rovnakej zložky.

Do budúcna radšej používaj relatívne cesty... Ušetrí ti to prácu napríklad pri zmene domény...

Nahoru Odpovědět
27.4.2015 20:00
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Odpovídá na kedarot
Neaktivní uživatel:27.4.2015 20:19

Nejsem si jistý, ale zdá se mi, že jsou obrázky z URL adres úmyslně blokovány z bezpečnostních důvodů. Při načítání obrázku totiž server mohl požadovat heslo (http://cs.wikipedia.org/…thentication) a pokud byl uživatel nezkušený, zadal heslo ke svému mailu (tak jsi mohl ukrást pár hesel)...
Ty obrázky musíš přiložit přímo k toomu mailu, ale nevím jak :/ :D..

Nahoru Odpovědět
27.4.2015 20:19
Neaktivní uživatelský účet
Avatar
kedarot
Člen
Avatar
kedarot:28.4.2015 18:38

Děkuji za odpovědi, problém stále přetrvává. Nevím jakou relativní cestu bych mohl použít....
Pokud má ještě někdo nějaký nápad/radu tak budu rád.

 
Nahoru Odpovědět
28.4.2015 18:38
Avatar
Lukáš Červený:28.4.2015 21:07

Zkus toto:

http://www.base64-image.de/

Zakóduje ti to obrázek do base64 stringu, takže se vloží přímo do html kódu a jeho načítání není závislé na externím serveru. Vyhodí ti to v několika verzích včetně XHTML <img/> tagu, takže si v něm jen odstraň lomítko na konci.

 
Nahoru Odpovědět
28.4.2015 21:07
Avatar
Tomáš123
Člen
Avatar
Odpovídá na kedarot
Tomáš123:28.4.2015 21:14

Predpokladám, že posielaš v hlavičke informáciu o zobrazení text/html. Poviem ti o akú relatívnu cestu sa jedná ak napíšeš, akú vzájomnú pozíciu majú tie dva súbory (poprípade, možno ich nejako includuješ, musíš sa viac rozpísať). Po tom, čo napísal Fredep si ale nie som istý, či správna adresa zmení situáciu. Skúsiť to však môžme.

Príklad:

1. súbor.html
nejaká_zložka
> 2. súbor.html

V takomto prípade, by relatívna cesta od prvého súboru ku druhému vyzerala takto:

nejaká_zložka/2. súbor.html

Podobne tak, ak by sme sa chceli odkázať z druhého súboru na prvý cesta by vyzerala takto:

../1. súbor

Ak budú súbory v rovnakej zložke stačí uviesť do adresy názov požadovaného súboru (bez lomítka na začiatku - to symbolizuje koreňový adresár).

Editováno 28.4.2015 21:14
Nahoru Odpovědět
28.4.2015 21:14
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
kedarot
Člen
Avatar
kedarot:29.4.2015 6:32

Děkuji za další odpovědi, problém stále přetrvává.

Nevím jak bych mohl ukradnou hesla, nerozumím tomu :-D.
Přímo tento kód vkládám do thunderbirdu do nastavení podpisu.

Upravil jsme kód na tabulky, možná je to přehlednější :D

<table border="0" cellpadding="2" cellspacing="0" style="color:#000000; font-family: calibri; font-size: 13px; margin:0 0 0 0px; padding: 0 0 0 0px;">

<tr> <td colspan="2"><span style="font-size:20px;">Jan Přijmení</span></td> </tr>
<tr height="32"><td colspan="2" valign="top">ředitel společnosti</td></tr>

<tr> <td ><img style=" vertical-align: middle;" src="http://finlucro.testshopy.eu/tel.png" /></td> <td><a style="color:#000000; text-decoration: none">+420 724 000 000</a></td> </tr>
<tr> <td><img style=" vertical-align: middle;" src="http://finlucro.testshopy.eu/email.png" /></td><td><a style="color:#000000; text-decoration: none" href="mailto:[email protected]">[email protected]</a></td>
<tr> <td><img style=" vertical-align: middle;" src="http://finlucro.testshopy.eu/web.png" /> </td><td><a style="color:#000000; text-decoration: none;" href="http://www.finlucro.cz">www.finlucro.cz</a></td> </tr>

<tr height="70"> <td colspan="2"><img src="http://finlucro.testshopy.eu/logo.png" width="140" height="45"></td> </tr>

</table>

Pokud má ještě někdo nějaký nápad/radu tak budu moc rád.

 
Nahoru Odpovědět
29.4.2015 6:32
Avatar
Odpovídá na kedarot
Lukáš Červený:29.4.2015 18:05

Zkoušel jsi už ty obrázky kódovat do base64, jak jsem ti radil? :D

 
Nahoru Odpovědět
29.4.2015 18:05
Avatar
kedarot
Člen
Avatar
Odpovídá na Lukáš Červený
kedarot:30.4.2015 6:23

Ano kódovat obrázky do base64 jsem už taky zkoušel, ale problém je stále stejný.

 
Nahoru Odpovědět
30.4.2015 6:23
Avatar
Honza Bittner
Tvůrce
Avatar
Odpovídá na kedarot
Honza Bittner:14.5.2015 20:39

On je v mailech problém, že musíš obrázky povolit pro každý mail zvlášť - kvůli nějaké bezpečnosti či co...

Běžně se ti tedy obrázky nezobrazí, jako tobě, a potřebuješ kliknout na nějaké potvrzovací tlačítko.

S tím nic neuděláš, maximálně můžeš nastylovat obrázky pomocí CSS - což nemusí fungovat vždy nejlépe.

Akceptované řešení
+5 Zkušeností
Řešení problému
Nahoru Odpovědět
14.5.2015 20:39
FIT ČVUT alumnus :-) Sleduj mě na https://twitter.com/tenhobi a ptej se na cokoli na https://github.com/tenhobi/ama.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 11 zpráv z 11.