2014-02-19 2 views
0

привет, у меня есть простой баннер для отправки по электронной почте в виде подписи по электронной почте. но это не работает. Я отправляю из hotmail, и я добавляю HTML-код в подпись. но ссылки не работают, и иногда макет так сильно беспокоит. вот мой кодБюллетень html не работает должным образом по электронной почте

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
<title>Untitled Document</title> 
</head> 

<body style="margin:0; padding:0;"> 
<table style="margin:0; padding:0;"><tr style="margin:0; padding:0;"><td style="margin:0;" background="http://work.zatechno.com/artzone/background.png" bgcolor="#7bceeb" width="1232" height="195" valign="top"> 
      <!--[if gte mso 9]> 
      <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:1232px;height:196px;"> 
      <v:fill type="tile" src="http://work.zatechno.com/artzone/background.png" color="#7bceeb" /> 
      <v:textbox inset="0,0,0,0"> 
      <![endif]--><div style="float:left; margin:100px 0 0 470px; padding:0; position:relative; width:504px; height:94px;"> 
     <div style="float:left; width:242px; height:100%; position:relative"> 
      <a href="#" style="float:left; margin:12px 0 0 7px;"><img src="http://work.zatechno.com/artzone/location.png" alt="" style="float:left" /></a> 
      <div style="clear:both; width:100%; height:1px; float:left"></div> 
      <a href="#" style="float:left; margin:8px 0 0 4px;"><img src="http://work.zatechno.com/artzone/website.png" alt="" style="float:left" /></a> 
      <div style="clear:both; width:100%; height:1px; float:left"></div> 
      <a href="#" style="float:left; margin:12px 0 0 6px;"><img src="http://work.zatechno.com/artzone/email.png" alt="" style="float:left" /></a> 
     </div> 

     <div style="float:right; width:255px; height:100%; position:relative"> 
      <a href="#" style="float:left; margin:12px 0 0 9px;"><img src="http://work.zatechno.com/artzone/phone.png" alt="" style="float:left" /></a> 
      <div style="clear:both; width:100%; height:1px; float:left"></div> 
      <a href="#" style="float:left; margin:10px 0 0 6px;"><img src="http://work.zatechno.com/artzone/social.png" alt="" style="float:left" /></a> 
      <div style="clear:both; width:100%; height:1px; float:left"></div> 
      <a href="#" style="float:left; margin:12px 0 0 42px; padding:0;"><img src="http://work.zatechno.com/artzone/youtube.png" alt="" /></a> 
      <a href="#" style="float:left; margin:12px 0 0 21px; padding:0;"><img src="http://work.zatechno.com/artzone/facebook.png" alt="" /></a> 
      <a href="#" style="float:left; margin:11px 0 0 20px; padding:0;"><img src="http://work.zatechno.com/artzone/twitter.png" alt="" /></a> 
      <a href="#" style="float:left; margin:11px 0 0 21px; padding:0;"><img src="http://work.zatechno.com/artzone/linkedin.png" alt="" /></a> 
      <a href="#" style="float:left; margin:12px 0 0 23px; padding:0;"><img src="http://work.zatechno.com/artzone/instagram.png" alt="" /></a> 
     </div> 

    </div> 
      <!--[if gte mso 9]> 
      </v:textbox> 
      </v:rect> 
      <![endif]--></td></tr></table> 
</body> 
</html> 
+0

Я попробовал JSFiddle для вашего кода HTML, и он отлично работал. – HackerKarma

+0

Да, в браузере он отлично работает. но не работает для меня в электронных письмах. или я ошибаюсь. –

+0

Это может быть Hotmail, который может переписывать ваши свойства CSS. Не могу точно сказать. – HackerKarma

ответ

0

Какие агенты электронной почты не работают и как? Возможно, вы можете добавить screengrab или два. Боюсь, вам нужно по умолчанию использовать макет таблицы. Возможности html-рендеринга почтовых агентов могут быть довольно ограниченными, и ваш лучший выбор - максимально упростить его.

+0

мы можем добавить информационный бюллетень в подпись? со ссылками. потому что когда я отправляю с php с помощью почтовой функции, он отлично работает. –

+0

извините, не знаю. – vector

Смежные вопросы