не CSS работает для тега привязки в почтовом клиенте Outlook

CSS применяется для связи в Outlook, не работаетне CSS работает для тега привязки в почтовом клиенте Outlook

HTML:

<tr> 
<a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;"><td style="background-color:#000;height:40px;width:475px;">Click Me</td></a> 
</tr>

это только дисплей ссылку на "Click Me" текст не всем

Примечание: Он должен показывать ссылку на все тд т.е. ширина: 475 & высота: 40

Пожалуйста, помогите мне

Thanks

источник

2013-06-18 user2046091

Я думаю, что вам не хватает тега «td» открытия! :) –

Хотя спецификации были изменены для html5, это общее соглашение не включать элементы блока (такие как '') внутри ссылки. Вместо этого переверните порядок меток вокруг и используйте стиль, чтобы определить ширину и высоту привязки. – ProfileTwist

Вы имеете в виду, что стиль должен применяться ко всем td?

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

если вы хотите применять его для всех тд, то вы будете иметь то, что называется внутренний стиль CSS:

<html> 
<head> 
<style> 
td{ 
//your code here 
} 
</style> 
</head> 
<body> 
//your code here 
</body> 
</html>

и, кстати, ваш код вложенности не является правильным,

и есть отверстие «а» тег, а затем «TD» тег открытия и закрытия затем «а» тег, а затем закрытия ТД 'метки ...

вы должны либо иметь его как:

<td><a></a></td> или <a><td></td></a>

попробовать:

<tr> 
    <td style="background-color:#000;height:40px;width:475px;"> 
    <a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;">Click Me</a> 
    </td> 
</tr>

источник

2013-06-18 13:31:07 tenstar

Попробуйте

<tr> 
    <td style="background-color:#000;height:40px;width:475px;"> 
    <a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;">Click Me</a> 
    </td> 
</tr>

источник

2013-06-18 13:31:11 DerFuchs10

позвольте мне попробовать это .. – user2046091

Очевидная проблема заключается в том, что ваша ссылка должна быть в вашей ячейке таблицы:

<table> 
    <tr> 
    <td style="background-color:#000;"> 
     <a href="http://www.google.com" style="color:#FFF;height:40px;width:475px;display:block;">Click Me</a> 
    </td> 
    </tr> 
</table>

Я также ознакомьтесь с руководством Microsoft по созданию Outlook CSS и поддержка HTML, потому что есть много ошибок: http://msdn.microsoft.com/en-us/library/office/aa338201(v=office.12).aspx. В общем, избегайте блочных элементов и плавает в сторону расположения таблиц. Также электронная почта Outlook поддерживает только спецификацию CSS1.

источник

2013-06-18 13:34:51

Вы можете использовать прогноз конкретный HTML, чтобы исправить это

<div><!--[if mso]> 
<v:rect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" href="http://" style="height:40px;v-text-anchor:middle;width:200px;" stroke="f" fillcolor="#556270"> 
<w:anchorlock/> 
<center> 
<![endif]--> 
<a href="http://stackoverflow.com" style="background-color:#556270;color:#ffffff;display:inline-block;font-family:sans-serif;font-size:13px;font-weight:bold;line-height:40px;text-align:center;text-decoration:none;width:200px;-webkit-text-size-adjust:none;">Show me the button!</a> 
<!--[if mso]> 
</center> 
</v:rect> 
<![endif]--></div>

Также смотрите http://buttons.cm/ для создания «Пуленепробиваемый» кнопки электронной почты :)

источник

2013-12-18 09:49:04

Я также имел эту проблему, так что я нашел это. Просто используйте стиль границы с тем же цветом фона, чтобы ваша привязка была привязана.

<a href="http://www.google.com" style="background-color:#000;height:40px;width:475px; border:1px solid #000; color:#FFF;height:40px;width:475px;display:block;">Click Me</a>

источник

2015-05-28 06:45:28

Как ProfileTwist указано в комментарии иерархия должна быть:

<tr><td><a href=link>text</a></td></tr>

Я вижу, что это старый пост, однако в отличие от других ответов намерение было возможно сделать таблица белого (FFF) и текст черный (000).

источник

2015-09-29 15:25:31

не CSS работает для тега привязки в почтовом клиенте Outlook

ответ

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