+ Ответить в теме
Показано с 1 по 2 из 2

Тема: В html письме съезжают картинки

  1. #1

    Сообщение В html письме съезжают картинки

    Задача такая: нужно сделать картинки поверх текстовых полей.
    Когда составляю письмо в Antenna Web Design получается все как нужно, дальше когда вставляю html файл в программу для рассылки, тоже все нормально, но когда приходит письмо картинки съезжают вниз.
    Вот как должно быть:

    Как приходит письмо: на ящики mail google uandex yahoo на других не проверял

    вот код:

    <title>Untitled Web Page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
    <meta content="MSHTML 6.00.6000.21306" name="GENERATOR" />
    <meta http-equiv="imagetoolbar" content="no" />
    <link id="css" href="C:\WINDOWS\TEMP\~ed_lm_i\~files\1.css" type="text/css" rel="stylesheet" />
    <style type="text/css">.abs {position:absolute}</style>

    <script src="C:\WINDOWS\TEMP\~ed_lm_i\~files\2.js" type="text/javascript"></script>


    <div class="ctr global" style="WIDTH: 720px">
    <div id="lays9401478upmti"></div>
    <div id="lays9401478psptk">
    <div class="hid abs" id="pict082evlmy" style="LEFT: 120px; WIDTH: 600px; TOP: 68px; HEIGHT: 152px"><img class="fil smf" id="pict082evlmyi" alt="" src="C:\WINDOWS\TEMP\~ed_lm_i\~files\3.jpg" /> </div>
    <div class="aut abs" id="text106nfddk" style="BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 5px; LEFT: 128px; PADDING-BOTTOM: 5px; BORDER-LEFT: #999999 1px solid; WIDTH: 273px; PADDING-TOP: 5px; BORDER-BOTTOM: #999999 1px solid; TOP: 411px; HEIGHT: 127px">
    <p align="center"><span style="FONT-SIZE: 14px">Грузоперевозки бортовым авто</span></p>
    </div>
    <div class="aut abs" id="text113rbfkh" style="BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 5px; LEFT: 443px; PADDING-BOTTOM: 5px; BORDER-LEFT: #999999 1px solid; WIDTH: 273px; PADDING-TOP: 5px; BORDER-BOTTOM: #999999 1px solid; TOP: 412px; HEIGHT: 124px">
    <p align="center"><span style="FONT-SIZE: 14px">Грузоперевозки тентованными авто</span></p>
    </div>
    <div class="aut abs" id="text116bajlv" style="BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 5px; LEFT: 291px; PADDING-BOTTOM: 5px; BORDER-LEFT: #999999 1px solid; WIDTH: 273px; PADDING-TOP: 5px; BORDER-BOTTOM: #999999 1px solid; TOP: 571px; HEIGHT: 124px">
    <p align="center"><span style="FONT-SIZE: 14px">Грузоперевозки самосвалом</span></p>
    </div>
    <div class="aut abs" id="text119slsks" style="LEFT: 198px; WIDTH: 155px; TOP: 514px; HEIGHT: 20px"><span style="FONT-SIZE: 14px">- длина до 12.5 м</span></div>
    <div class="aut abs" id="text119auond" style="LEFT: 515px; WIDTH: 155px; TOP: 512px; HEIGHT: 23px"><span style="FONT-SIZE: 14px">- длина до 12.5 м</span></div>
    <div class="aut abs" id="text120tvtmz" style="BORDER-RIGHT: #999999 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 5px; LEFT: 128px; PADDING-BOTTOM: 5px; BORDER-LEFT: #999999 1px solid; WIDTH: 273px; PADDING-TOP: 5px; BORDER-BOTTOM: #999999 1px solid; TOP: 734px; HEIGHT: 124px">
    <p align="center">&nbsp;</p>
    <p align="center"><span style="FONT-SIZE: 14px">На нашем сайте вы можете проследить маршрут от Ек</span><span style="FONT-SIZE: 14px">атеринбурга до любого города области</span></p>
    </div>
    <div class="aut abs" id="text121zneqi" style="BORDER-RIGHT: #b22a00 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #b22a00 1px solid; PADDING-LEFT: 5px; LEFT: 443px; PADDING-BOTTOM: 5px; BORDER-LEFT: #b22a00 1px solid; WIDTH: 274px; PADDING-TOP: 5px; BORDER-BOTTOM: #b22a00 1px solid; TOP: 734px; HEIGHT: 124px">
    <p align="center">&nbsp;</p>
    <p align="center">&nbsp;</p>
    <p align="center"><span style="FONT-SIZE: 14px">Составьте заявку on-line прямо сейчас!</span></p>
    </div>
    <div class="aut abs" id="text123httwp" style="BORDER-RIGHT: #00b224 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #00b224 1px solid; PADDING-LEFT: 5px; LEFT: 128px; PADDING-BOTTOM: 5px; BORDER-LEFT: #00b224 1px solid; WIDTH: 583px; PADDING-TOP: 5px; BORDER-BOTTOM: #00b224 1px solid; TOP: 272px; HEIGHT: 80px">
    <p><font color="#b4b4b4"><font color="#808080"><span style="DISPLAY: inline! important; FLOAT: none; WORD-SPACING: 0px; FONT: 16px verdana, sans-serif; TEXT-TRANSFORM: none; COLOR: rgb(34,34,34); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; TEXT-ALIGN: left; orphans: 2; widows: 2; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><font color="#000000">Грузоперевозки - это просто!</font><font color="#808080">&nbsp;В сотрудничестве </font></span><span style="DISPLAY: inline! important; FLOAT: none; WORD-SPACING: 0px; FONT: 16px verdana, sans-serif; TEXT-TRANSFORM: none; COLOR: rgb(34,34,34); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; TEXT-ALIGN: left; orphans: 2; widows: 2; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><font color="#808080">с</font>&nbsp;</span></font><span style="DISPLAY: inline! important; FLOAT: none; WORD-SPACING: 0px; FONT: 16px verdana, sans-serif; TEXT-TRANSFORM: none; COLOR: rgb(34,34,34); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; TEXT-ALIGN: left; orphans: 2; widows: 2; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><font color="#808080">компанией </font></span></font></p>
    <p><font color="#b4b4b4"><span style="DISPLAY: inline! important; FLOAT: none; WORD-SPACING: 0px; FONT: 16px verdana, sans-serif; TEXT-TRANSFORM: none; COLOR: rgb(34,34,34); TEXT-INDENT: 0px; WHITE-SPACE: normal; LETTER-SPACING: normal; TEXT-ALIGN: left; orphans: 2; widows: 2; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px"><font color="#808080">Стар Транс -</font> <font color="#808080">вынайдете не только надежного постоянного партнера, но и друга который</font> <font color="#808080">всегда готов к диалогу.</font></span></font></p>
    <p>&nbsp;</p>
    </div>
    <div class="aut abs" id="text132sebel" style="LEFT: 323px; WIDTH: 104px; TOP: 124px; HEIGHT: 24px">
    <p>Грузоперевозки</p>
    </div>
    <div class="aut abs" id="text132xocfq" style="LEFT: 432px; WIDTH: 262px; TOP: 124px; HEIGHT: 58px">
    <p><font color="#ffffff">Екатеринбург, Москва, </font></p>
    <p><font color="#ffffff">Санкт-Питербург, Уфа, </font></p>
    <p><font color="#ffffff">Нижний Новгород, Нягань.</font></p>
    <p><span style="FONT-SIZE: 12px"><a href="http://www.startrans.su/wiki/20537" target="_blank"><font color="#ff5c5e">Смотреть все наши направления</font></a></span></p>
    </div>
    <div class="aut abs" id="text168tdljk" style="BORDER-RIGHT: #0080ff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #0080ff 1px solid; PADDING-LEFT: 5px; LEFT: 128px; PADDING-BOTTOM: 5px; BORDER-LEFT: #0080ff 1px solid; WIDTH: 589px; PADDING-TOP: 5px; BORDER-BOTTOM: #0080ff 1px solid; TOP: 919px; HEIGHT: 125px">
    <p><span style="FONT-SIZE: 14px"><font color="#808080">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbs p;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&n bsp;&nbsp;&nbsp; </font></span><font color="#4981be"><b><span style="FONT-SIZE: 14px">Звоните нам</span><span style="FONT-SIZE: 14px">:</span></b></font></p>
    </div>
    <div class="aut abs" id="text169qugju" style="LEFT: 280px; WIDTH: 147px; TOP: 142px; HEIGHT: 24px">
    <p><span style="FONT-SIZE: 14px"><b><a href="http://www.startrans.su" target="_blank"><font color="#ffffff">STARTRANS.SU</font></a></b></span></p>
    </div>
    <div class="aut abs" id="text172alnmo" style="BORDER-RIGHT: #808080 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 5px; LEFT: 242px; PADDING-BOTTOM: 5px; BORDER-LEFT: #808080 1px solid; WIDTH: 157px; PADDING-TOP: 5px; BORDER-BOTTOM: #808080 1px solid; TOP: 958px; HEIGHT: 48px">
    <p align="center"><span style="FONT-SIZE: 14px"><font color="#808080">+7 (343) 3835658</font></span></p>
    <p align="center"><span style="FONT-SIZE: 14px"><font color="#808080">+7&nbsp; 922&nbsp;&nbsp;1108444</font></span></p>
    </div>
    <div class="aut abs" id="text175dqimt" style="LEFT: 450px; WIDTH: 200px; TOP: 926px; HEIGHT: 125px">
    <p><span style="FONT-SIZE: 14px"><b><font color="#4981be">И заходите на сайт: </font></b></span></p>
    </div>
    <div class="aut abs" id="text175hmohv" style="BORDER-RIGHT: #808080 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #808080 1px solid; PADDING-LEFT: 5px; LEFT: 445px; PADDING-BOTTOM: 5px; BORDER-LEFT: #808080 1px solid; WIDTH: 157px; PADDING-TOP: 5px; BORDER-BOTTOM: #808080 1px solid; TOP: 958px; HEIGHT: 48px">
    <p align="center"><span style="FONT-SIZE: 14px"><a href="startrans.su" target="_blank"><font color="#808080">Startrans.su</font></a></span></p>
    </div></div>
    <div id="lays199qmslf">
    <div class="hid abs" id="pict200hfonm" style="LEFT: 152px; WIDTH: 216px; TOP: 446px; HEIGHT: 54px"><img class="fil smf" id="pict200hfonmi" alt="" src="C:\WINDOWS\TEMP\~ed_lm_i\~files\4.jpg" /> </div>
    <div class="hid abs" id="pict200tkiep" style="LEFT: 468px; WIDTH: 216px; TOP: 454px; HEIGHT: 54px"><img class="fil smf" id="pict200tkiepi" alt="" src="C:\WINDOWS\TEMP\~ed_lm_i\~files\5.jpg" /> </div>
    <div class="hid abs" id="pict200faigc" style="LEFT: 342px; WIDTH: 173px; TOP: 609px; HEIGHT: 69px"><img class="fil smf" id="pict200faigci" alt="" src="C:\WINDOWS\TEMP\~ed_lm_i\~files\6.jpg" /> </div></div></div>
    Последний раз редактировалось Davakrasava; 18.01.2012 в 02:50.

  2. #2
    стили надо встроить в сам html, картинки - в письмо, и почтистить html от майкрософтовского мусора
    чаще всего пишу в спешке, могут быть очепятки

+ Ответить в теме

Похожие темы

  1. В письме ошибка заголовка RFC 822
    от AlexsWorld в разделе PHP
    Ответов: 4
    Последнее сообщение: 20.06.2011, 10:52
  2. Ответов: 6
    Последнее сообщение: 18.03.2010, 01:36
  3. Ссылка в письме
    от Viktor в разделе PHP
    Ответов: 6
    Последнее сообщение: 02.10.2009, 15:26
  4. Ответов: 1
    Последнее сообщение: 28.01.2009, 19:28
  5. Кодировка в письме
    от Украинец в разделе PHP
    Ответов: 2
    Последнее сообщение: 06.07.2008, 23:26

Метки этой темы

Социальные закладки

Социальные закладки

Ваши права

  • Вы не можете создавать новые темы
  • Вы не можете отвечать в темах
  • Вы не можете прикреплять вложения
  • Вы не можете редактировать свои сообщения