-
Similar Content
-
By Алексей Рябичев
Помогите пожалуйста форумчане! Код отображается в браузере правильно (наверное), а в phplist не хочет отправляться( Програмист сказал,что много хлама, но я его не могу найти
Новый текстовый документ (2).txt
-
By Alllexey777
Народ, помогите, пожалуйста, в первый раз сделал html письмо, все получилось как надо, но в яндекс почте и в outlook картинка с верхней тенью отображается с отступом в 1px, в остальных почтовиках отображается нормально, подскажите, что нужно изменить, чтобы все отображалось как нужно?
<html> <head> <title>HTML шаблон письма</title> <meta charset="utf-8"> <style type="text/css"> /* Backgrounds */.email_background { width: 640px; //background: url('http://it-tektura.ru/images/html_message/email_bg.jpg') repeat-y;}/* Images */img { display: block; border: none;}/* Fonts and Typography */.footer { font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #fff; padding-right: 20px; }h1 { color: #e95f03; font-family: Arial,Helvetica,sans-serif; padding: 0; margin: 0; font-size: 24px; font-weight: normal; text-align: left;}h2 { color: #e95f03; font-family: Arial,Helvetica,sans-serif; padding: 0; margin: 0; font-size: 18px; font-weight: normal; text-align: left;}.content { padding: 0; margin: 0;}p { font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: 20px; text-align: left;} </style> </head> <body> <!-- Container Table --> <table cellpadding="0" cellspacing="0" border="0" width="99%" bgcolor="#ffffff"> <tr> <td align="center"> <!-- Email Wrapper Table --> <table cellpadding="0" cellspacing="0" border="0" width="640"> <tr> <td> <!-- Actual Email Content --> <table cellpadding="0" cellspacing="0" border="0" width="640"> <tr style="padding-left: 20px;"> <td background="http://it-tektura.ru/images/html_message/top_fade1.jpg"> </td> </tr> <tr> <td align="center" background="http://it-tektura.ru/images/html_message/email_bg1.jpg" class="email_background"> <!-- Email Header --> <table cellpadding="0" cellspacing="0" border="0" width="600"> <tr> <td align="center" style="padding-bottom: 20px;" width="350"><a href="http://it-tektura.ru" target="_blank"><img src="http://it-tektura.ru/images/html_message/it-logo.jpg" width="170" height="162" border="0" style="padding-left:20px; padding-top: 20px;" /></a></td> <td style="padding-bottom: 20px; padding-left: 30px" align="left" width="300" colspan="3"><span> 654007, г. Новокузнецк,<br>пр. Ермакова, 9а, офис 339<br>тел.: 8 (3843) 53-97-93<br>e-mail: office@it-tektura.ru<br>сайт: <a href="http://it-tektura.ru" target="_blank">it-tektura.ru </span></td> </tr> <tr> <td align="left" colspan="5" style="padding-left: 20px; padding-right: 20px; padding-bottom: 10px;"><span>Компания "АйТиТектура" создана в 2013 году и объединила в себе работу в нескольких основных направлениях в области информационных технологий. Мы стараемся подбирать наиболее подходящие решения для каждого клиента, чтобы уменьшить его расходы и увеличить эффективность от информационных ресурсов </span></td> </tr> <tr> <td align="left" colspan="5" align="left" style="padding-left:20px; padding-right: 20px; padding-bottom: 10px; padding-top: 10px"> <span style="font-size:22px; color:#D03D00">Основные направления деятельности компании</span> </td> </tr> <tr> <td align="left" valign="top" width="300" style="padding-left: 20px; padding-bottom: 20px;"> <img src="http://it-tektura.ru/images/html_message/1с.jpg"> </td> <td align="left" valign="middle" colspan="2" style="padding-bottom: 20px;" width="300"> <span> 1) Программы 1С<br> 2) Обновление 1С<br> 3) Обслуживание 1С </span> </td> </tr> <tr> <td align="left" valign="top" width="300" style="padding-left: 20px; padding-bottom: 20px;"> <img src="http://it-tektura.ru/images/html_message/bitrix.jpg"> </td> <td align="left" valign="middle" colspan="2" style="padding-bottom: 20px;" width="300"> <span> 1) Разработка сайтов и интернет-магазинов<br> 2) Сопровождение интернет-ресурсов<br> 3) Редизайн сайтов </span> </td> </tr><tr> <td align="left" valign="top" width="300" style="padding-left: 20px; padding-bottom: 20px;"> <img src="http://it-tektura.ru/images/html_message/adm.jpg"> </td> <td align="left" valign="middle" colspan="2" style="padding-bottom: 20px;" width="300"> <span> 1) Администрирование серверов<br> 2) Сопровождение, ремонт и настройка компьютеров<br> 3) Проектирование, монтаж, настройка оборудования СКС </span> </td> </tr><tr> <td align="left" valign="top" width="300" style="padding-left: 20px; padding-bottom: 20px;"> <img src="http://it-tektura.ru/images/html_message/adm.jpg"> </td> <td align="left" valign="middle" colspan="2" style="padding-bottom: 20px;" width="300"> <span> 1) Подбор необходимого оборудования<br> 2) Монтаж оборудования на объектах<br> 3) Гарантийное и постгарантийное обслуживание </span> </td> <td width="50" style="padding-bottom: 20px;"> </td> </tr> </table> </td> </tr> <tr> <td> <img src="http://it-tektura.ru/images/html_message/bottom_fade1.jpg" width="640" border="0" height="28" /> </td> </tr> <tr> </table> <!-- End Actual Email Content --> </td> </tr> </table> <!-- End Email Wrapper Table --> </td> </tr> </table> <!-- End Container Table --> </body></html> -
By Mirabo4
HTML письмо находится тут. Браузеры письмо отображают прекрасно, при отправке письма через mozila thunderbird, в окне предварительного просмотра письмо отображается правельно и красиво. А вот при получении письма уже появляется проблема с отоброжением таблицы на фиолетовом фоне (проверял в outlook и gmail). На ваш взгляд в чем может быть проблема ?
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.