2015-03-09 3 views
0

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

По какой-то причине я получаю проблемы с интервалами выше и ниже изображений, которые гиперссылки. Как это:

http://i.imgur.com/hesFibq.png

Я попытался добавить:

стиль = "границы-интервал: 0;"

к моему столу, как показано в другом месте, а также ниже всех изображений:

стиль = «дисплей: блок;»

Любые идеи?

Edit: вот HTML, как он стоит:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
 
<head> 
 
<title>LCTSA</title> 
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
 
</head> 
 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
 
<table id="Table_01" width="701" height="375" border="0" cellpadding="0" cellspacing="0" style="border-spacing:0;"> 
 
\t <tr> 
 
\t \t <td colspan="3" rowspan="2"> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183839.png" width="473" height="279" alt="" style="display:block;"></td> 
 
\t \t <td> 
 
\t \t \t <a href="mailto:[email protected]" style="display:block;"><img src="http://www.morley.leeds.sch.uk/user/74/183840.png" width="227" height="145" alt="" 
 

 
style="display:block;"></td></a> 
 
\t \t <td> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="145" alt="" style="display:block;"></td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td rowspan="3"> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183841.png" width="227" height="179" alt="" style="display:block;"></td> 
 
\t \t <td> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="134" alt="" style="display:block;"></td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td rowspan="4"> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183842.png" width="29" height="96" alt="" style="display:block;"></td> 
 
\t \t <td> 
 
\t \t \t <a href="mailto:[email protected]" style="display:block;"><img src="http://www.morley.leeds.sch.uk/user/74/183843.png" width="176" height="14" alt="" 
 

 
style="display:block;"></td></a> 
 
\t \t <td rowspan="4"> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183844.png" width="268" height="96" alt="" style="display:block;"></td> 
 
\t \t <td> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="14" alt="" style="display:block;"></td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td rowspan="3"> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183845.png" width="176" height="82" alt="" style="display:block;"></td> 
 
\t \t <td> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="31" alt="" style="display:block;"></td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td> 
 
\t \t \t <a href="http://www.google.co.uk" target="_blank" style="display:block;"><img src="http://www.morley.leeds.sch.uk/user/74/183846.png" width="227" height="24" alt="" 
 

 
style="display:block;"></td></a> 
 
\t \t <td> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="24" alt="" style="display:block;"></td> 
 
\t </tr> 
 
\t <tr> 
 
\t \t <td> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183847.png" width="227" height="27" alt="" style="display:block;"></td> 
 
\t \t <td> 
 
\t \t \t <img src="http://www.morley.leeds.sch.uk/user/74/183848.gif" width="1" height="27" alt="" style="display:block;"></td> 
 
\t </tr> 
 
</table> 
 
</body> 
 
</html>

+1

Покажите нам свой HTML. – SLaks

+0

Как указано @SLaks. Также GMail может обрабатывать ваш HTML-код, поэтому вам может потребоваться проверить эту сторону. – Buddy

+0

Как проверить, выполняется ли Gmail после обработки моего HTML @Buddy? Ничего я не пробовал до сих пор работал> _ < –

ответ

0

Вам нужно сделать <a>display: block.

+0

Спасибо за комментарий SLaks. Я просто попытался сделать это, хотя для 3-х ссылок и не изменил его :( a href = "mailto: [email protected]" style = "display: block;"> –

+0

Hrmmm. Кажется, даже после Я удаляю все теги, изображения по-прежнему не выравниваются должным образом. –