eg0zer0
-
Posts
5 -
Joined
-
Last visited
eg0zer0's Achievements
Explorer (1/14)
0
Reputation
-
Здравствуйте! Помогите, пожалуйста, разобраться с проблемой - первый раз имею дело с версткой писем. Письмо (код ниже) отображается нормально не во всех email-клиентах. Самая большая проблема - с mail.ru. Практически каждый элемент mail оборачивает в тег <p></p>, в результате чего появляются огромные отступы. Как это лечится? Заранее спасибо. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title></title> </head> <body bgcolor="#e2f2ff"><center> <span style="font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;">Для лучшего отображения письма рекомендуем разрешить загрузку изображений</span><br /><br /> <div id="mailsub"> <table width="750" border="0" cellspacing="0" cellpadding="0" class="pad_null" align="center" style="border-collapse:collapse;"><tr><td bgcolor="#FFFFFF"> <table width="750" border="0" cellspacing="0" cellpadding="0" class="pad_null" style="border-collapse:collapse;"> <tr> <td colspan="9" align="left"><img src="FINAL.jpg" width="750" height="100" border="0" /></td> </tr> <tr> <td width="62" height="28" bgcolor="#58b2ff" align="left"></td> <td width="141" height="28" bgcolor="#58b2ff" style=" vertical-align: middle" align="left"><strong><span style="font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF" title="Акции и скидки">Спецпредложения</span></strong></td> <td width="23" height="28" align="left" bgcolor="#58b2ff" style=" vertical-align: middle"><span style="font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF">|</span></td> <td width="172" height="28" align="left" bgcolor="#58b2ff" style=" vertical-align: middle"><strong><span style="font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF" title="Полный каталог семинаров">Расписание семинаров</span></strong></td> <td width="23" height="28" align="left" bgcolor="#58b2ff" style=" vertical-align: middle"><span style="font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF">|</span></td> <td width="176" height="28" align="left" bgcolor="#58b2ff" style=" vertical-align: middle"><strong><span style="font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF" title="Бизнес туры, интенсив туры, корпоративный отдых">Зарубежные программы</span></strong></td> <td width="21" align="left" height="28" bgcolor="#58b2ff" style=" vertical-align: middle"><span style="font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF">|</span></td> <td width="119" height="28" align="left" bgcolor="#58b2ff" style=" vertical-align: middle"><strong><span style="font-size:13px; font-family: Arial, Helvetica, sans-serif; color:#FFFFFF" title="Развитие профессиональных навыков">Тренинги</span></strong></td> <td width="13" height="28" align="left" bgcolor="#58b2ff" style=" vertical-align: middle"></td> </tr> <tr> <td colspan="13" valign="top" bgcolor="#FFFFFF" style="padding: 0px 0px" align="left"> <table width="750" height="7" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tr> <td><img src="http://img.cntiprogress.ru/image/border_verh(1).jpg" width="750" height="7" style="display:block"/></td> </tr> </table> <table width="750" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tr> <!--БАННЕР--> <td><a href="http://www.cntiprogress.ru/specially/page/19398" target="_blank"></a></td> </tr> </table> <img src="http://img.cntiprogress.ru/image/empty.gif" width="750" height="15" style="display:block" /> <center> <table width="750" height="17" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tr> <td align="left" width="15" height="17" valign="middle"><img src="http://img.cntiprogress.ru/image/strelka.jpg" width="15" height="17" align="left" /></td> <td height="17" align="left" valign="middle"><span style="font-family: Verdana, sans-serif; font-size: 14px;"><strong> Рубрика:</strong> _RUBRIC_ </span></td> </tr> </table> <table width="730" height="15" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tr> <td><img src="http://img.cntiprogress.ru/image/empty.gif" width="750" height="15" style="display:block"/></td> </tr> </table> <table width="730" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="left"><span style="color: #c8352e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px"><strong>Добрый день, _FirstName_ _MiddleName_!</strong></span><br/><br/> <span style="font-family: Verdana, sans-serif; font-size: 12px;">_CONTENT-BLOG_</span><br /><br /></td> </tr> </table> </center> </td> </tr> </table> <table width="750" height="10" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tr> <td bgcolor="#FFFFFF"><img src="http://blog.cntiprogress.ru/wp-content/uploads/2012/10/footer_1.jpg" width="750" height="10" style="display:block"/></td> </tr> </table> <table width="750" border="0" height="100%" cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tr> <td width="45" height="45" align="left" valign="middle" bgcolor="#FFFFFF"><center><img src="http://img.cntiprogress.ru/image/raspisanie.jpg" alt="Ближайшие семинары" width="34" height="34" valign="middle" /> </center></td> <td width="665" align="left" valign="middle" bgcolor="#FFFFFF"><span style="color: #c8352e; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px"><strong>Ближайшие семинары: </strong></span></td> </tr></table> <table width="750" border="0" height="100%" cellspacing="0" cellpadding="20" style="border-collapse:collapse;"> <tr> <td align="left" valign="top" bgcolor="#FFFFFF"> <span style="font-family: Verdana, sans-serif; font-size: 12px;">_SEMINARSNEW_</span></td> </tr> </table> <center> <table width="730" border="0" cellspacing="0" cellpadding="0" height="35" style="border-collapse:collapse;"><tr><td align="right" ><a href="http://www.cntiprogress.ru/seminars/rubrics/default.aspx" target="_blank"></a><img src="button_2.jpg" width="153" height="27" border="0" align="right" /></td> </tr></table> <table width="750" border="0" height="10" cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tr> <td><img src="http://img.cntiprogress.ru/image/empty.gif" width="750" height="10" style="display:block"/></td> </tr> </table> </center> <table width="750" height="70" border="0" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"> <tr> <td align="center" valign="middle" bgcolor="#58b2ff"><br /> <strong><span style="font-size: 13px; font-family:Verdana, Arial, Helvetica, sans-serif; color: #ffffff"> Присоединяйтесь к нам в социальных сетях!</span></strong><br /> <br /> <a href="#" target="_blank" ></a><img src="http://img.cntiprogress.ru/image/empty.gif" width="20" height="1" border="0" /></a><img src="http://img.cntiprogress.ru/image/4(1).png" width="50" height="50" border="0" /><img src="http://img.cntiprogress.ru/image/empty.gif" width="20" height="1" border="0" /><img src="http://img.cntiprogress.ru/image/3(1).png" width="50" height="50" border="0" /><img src="http://img.cntiprogress.ru/image/empty.gif" width="20" height="1" border="0" /><img src="http://img.cntiprogress.ru/image/7(1).png" width="50" height="50" border="0" /><br /> <br /> </td> </tr> <tr> <td align="center" valign="middle" height="15" bgcolor="#58b2ff"><img src="http://img.cntiprogress.ru/image/empty.gif" width="750" height="15" style="display:block"/></td> </tr> <tr> <td align="center" height="7" valign="middle" bgcolor="#58b2ff"><img src="http://img.cntiprogress.ru/image/border_verh(1).jpg" width="750" height="7" style="display:block"/></td> </tr> </table> <table width="750" height="31" border="0" cellspacing="0" cellpadding="0" style="border-collapse:collapse;"> <tr> <td width="26" height="31" bgcolor="#FFFFFF"></td> <td width="123" height="31" bgcolor="#FFFFFF"><span style="font-family: Verdana, sans-serif; color: #000000; font-size:12px;"><strong>Поиск семинара</strong></span> </td> <td width="16" height="31" bgcolor="#FFFFFF"><span style="font-family: Verdana, sans-serif; color: #000000; font-size:12px;">|</span></td> <td width="137" height="31" bgcolor="#FFFFFF"><span style="font-family: Verdana, sans-serif; color: #000000; font-size:12px;"><strong>Предложить тему</strong></span> </td> <td width="17" height="31" bgcolor="#FFFFFF"><span style="font-family: Verdana, sans-serif; color: #000000; font-size:12px;">|</span></td> <td width="211" height="31" bgcolor="#FFFFFF"><span style="font-family: Verdana, sans-serif; color: #000000; font-size:12px;"><strong>Индивидуальные программы</strong></span> </td> <td width="15" height="31" bgcolor="#FFFFFF"><span style="font-family: Verdana, sans-serif; color: #000000; font-size:12px;">|</span></td> <td width="179" height="31" bgcolor="#FFFFFF"><span style="font-family: Verdana, sans-serif; color: #000000; font-size:12px;"><strong>_LinkUserSubscribe_</strong></span> </td> <td height="31" width="26" bgcolor="#FFFFFF"></td> </tr><tr><td colspan="9"><img src="http://img.cntiprogress.ru/image/granitsa_menu(2).jpg" width="750" height="5" /></td> </tr> </table> </td> </tr></table> </div> </center> </body> </html>
-
Уважаемые rikimaru2013 и Sensei! )) Спасибо огромное обоим - оба варианта 100% рабочие, даже не знаю, какой оставить )
-
Выглядит отлично. Большое спасибо, попробую!
-
Это может быть! Но б0льшую сложность вызывают выступающие за градиент значки, которые должны свободно перемещаться по градиентной полоске в зависимости от размера экрана.
-
Здравствуйте! Подскажите, пожалуйста, как красиво реализовать подобное меню? При изменении ширины окна блоки из картинок+текста должны "скользить" по градиентной полоске. Весь день мучаюсь, пытаюсь делать на div'ах, но резиново не выходит. Заранее спасибо!