Программинг Форум для тем связанных с программированием
17.02.2012, 13:13
#1
Местный
Регистрация: 17.01.2009
Сообщений: 282
Сказал Спасибо: 64
Имеет 81 спасибок в 63 сообщенях
Надо помощь с созданием HTML письма)
В общем необходимо для компании создать шаблон для отправки писем. Нарисовал макет, порезал и давай его верстать. Вроде все расставил в таблице по местам и все по размерам подходит, но не могу убрать промежутки меджу картинками, что бы они смотрелись слитно.
Вот как оно должно выглядеть и как поделено
А вот так получается)
Вот код
PHP код:
< table width = "637" border = "0" >
< tr >
< td width = "631" >< table width = "628" border = "0" >
< tr >
< td width = "625" height = "17" >< img src = "01.gif" width = "628" height = "15" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td height = "27" >< table width = "634" border = "0" >
< tr >
< td width = "223" height = "48" >< img src = "02.gif" width = "223" height = "46" ></ td >
< td width = "380" >& nbsp ;</ td >
< td width = "17" >< img src = "04.gif" width = "17" height = "46" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td >< table width = "634" border = "0" >
< tr >
< td width = "172" >< img src = "05.gif" width = "172" height = "59" ></ td >
< td width = "431" >& nbsp ;</ td >
< td width = "17" >< img src = "07.gif" width = "17" height = "59" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td >< table width = "634" border = "0" >
< tr >
< td width = "67" >< img src = "08.gif" width = "67" height = "52" ></ td >
< td width = "536" >& nbsp ;</ td >
< td width = "17" >< img src = "10.gif" width = "17" height = "52" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td >< table width = "634" border = "0" >
< tr >
< td width = "17" >< img src = "11.gif" width = "17" height = "376" ></ td >
< td width = "586" >& nbsp ;</ td >
< td width = "17" >< img src = "13.gif" width = "17" height = "376" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td height = "27" >< table width = "634" border = "0" >
< tr >
< td width = "17" >< img src = "14.gif" width = "17" height = "10" ></ td >
< td width = "575" >& nbsp ;</ td >
< td width = "28" >< img src = "16.gif" width = "28" height = "10" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td >< table width = "634" border = "0" >
< tr >
< td width = "17" height = "21" >< img src = "17.gif" width = "17" height = "13" ></ td >
< td width = "406" >& nbsp ;</ td >
< td width = "197" >< img src = "19.gif" width = "197" height = "13" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td >< table width = "628" border = "0" >
< tr >
< td >< img src = "23.gif" width = "628" height = "17" ></ td >
</ tr >
</ table ></ td >
</ tr >
</ table >
Может кто знает что я не так делаю?
__________________
помог?
СКАЖИ СПАСИБО!)
Мастерство программиста не в том, чтобы писать программы, работающие без ошибок, а в том, чтобы писать программы, работающие при любом количестве ошибок.
Цитата:
[10-06, 14:15] efreet Заплачу за настройку l2px
[11-06, 09:25] xkor не плач)
Цитата:
Сообщение от
Psih
Вот еще один вопрос:Вот вчера было све нормально
17.02.2012, 13:31
#2
Рыцарь
Регистрация: 13.10.2009
Сообщений: 665
Сказал Спасибо: 38
Имеет 172 спасибок в 108 сообщенях
__________________
каждый раз, когда ты пишешь int i вместо short i, сотни пользователей вынуждены докупать планку памяти
служба поддержки 4gay - ICQ 642274822
За это сообщение Morfik нажился спасибкой от:
17.02.2012, 15:15
#3
Местный
Регистрация: 17.01.2009
Сообщений: 282
Сказал Спасибо: 64
Имеет 81 спасибок в 63 сообщенях
Цитата:
Сообщение от
Morfik
Теперь код выглядит так, но ничего не поменялось... еще варианты?
PHP код:
<! 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" />
< style type = "text/css" >
body {
margin : 0 ;
}
table {
border : 0px #000 solid; /* рамка вокруг таблиц */
border - spacing : 0 ;
border - collapse : collapse ;
}
td {
border : 0px #000 solid; /* рамка вокруг ячеек */
border - spacing : 0 ;
border - collapse : collapse ;
}
</ style >
</ head >
< td width = "631" >< table width = "628" border = "0" >
< tr >
< td width = "625" height = "17" >< img src = "01.gif" width = "628" height = "15" ></ td >
</ tr >
</ table ></ td >
< tr >
< td height = "27" >< table width = "634" border = "0" >
< tr >
< td width = "223" height = "48" >< img src = "h02.gif" width = "223" height = "46" ></ td >
< td width = "380" >& nbsp ;</ td >
< td width = "17" >< img src = "04.gif" width = "17" height = "46" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td >< table width = "634" border = "0" >
< tr >
< td width = "172" height = "61" >< img src = "05.gif" width = "172" height = "59" ></ td >
< td width = "431" >& nbsp ;</ td >
< td width = "17" >< img src = "07.gif" width = "17" height = "59" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td >< table width = "634" border = "0" >
< tr >
< td width = "67" >< img src = "08.gif" width = "67" height = "52" ></ td >
< td width = "536" >& nbsp ;</ td >
< td width = "17" >< img src = "10.gif" width = "17" height = "52" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td >< table width = "634" border = "0" >
< tr >
< td width = "17" >< img src = "11.gif" width = "17" height = "376" ></ td >
< td width = "586" >& nbsp ;</ td >
< td width = "17" >< img src = "13.gif" width = "17" height = "376" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td height = "27" >< table width = "634" border = "0" >
< tr >
< td width = "17" height = "21" >< img src = "14.gif" width = "17" height = "10" ></ td >
< td width = "575" >& nbsp ;</ td >
< td width = "28" >< img src = "16.gif" width = "28" height = "10" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td >< table width = "634" height = "13" border = "0" >
< tr >
< td width = "17" height = "13" >< img src = "17.gif" width = "17" height = "13" ></ td >
< td width = "406" height = "13" >& nbsp ;</ td >
< td width = "197" height = "13" >< img src = "19.gif" width = "197" height = "13" ></ td >
</ tr >
</ table ></ td >
</ tr >
< tr >
< td >< table width = "628" border = "0" >
< tr >
< td >< img src = "23.gif" width = "628" height = "17" ></ td >
</ tr >
</ table ></ td >
</ head >
</ html >
__________________
помог?
СКАЖИ СПАСИБО!)
Мастерство программиста не в том, чтобы писать программы, работающие без ошибок, а в том, чтобы писать программы, работающие при любом количестве ошибок.
Цитата:
[10-06, 14:15] efreet Заплачу за настройку l2px
[11-06, 09:25] xkor не плач)
Цитата:
Сообщение от
Psih
Вот еще один вопрос:Вот вчера было све нормально
17.02.2012, 15:19
#4
Новичок
Регистрация: 08.04.2010
Сообщений: 1
Сказал Спасибо: 0
Имеет 2 спасибок в 1 сообщении
ну вот например
Код HTML:
<td width="625" height="17" > <img src="01.gif" width="628" height="15" > </td>
высота ячейки 17, высота картинки 15, понятное дело 2 пикселя промежуток.
попробуй просто убрать все height
17.02.2012, 15:50
#5
Местный
Регистрация: 17.01.2009
Сообщений: 282
Сказал Спасибо: 64
Имеет 81 спасибок в 63 сообщенях
Цитата:
Сообщение от
TopBox
ну вот например
Код HTML:
<td width="625" height="17" > <img src="01.gif" width="628" height="15" > </td>
высота ячейки 17, высота картинки 15, понятное дело 2 пикселя промежуток.
попробуй просто убрать все height
пробовал уже) эффект тот же)
PS а вот как он видит границы между таблицами если приблизить в DW
__________________
помог?
СКАЖИ СПАСИБО!)
Мастерство программиста не в том, чтобы писать программы, работающие без ошибок, а в том, чтобы писать программы, работающие при любом количестве ошибок.
Цитата:
[10-06, 14:15] efreet Заплачу за настройку l2px
[11-06, 09:25] xkor не плач)
Цитата:
Сообщение от
Psih
Вот еще один вопрос:Вот вчера было све нормально
17.02.2012, 16:27
#6
Местный
Регистрация: 16.08.2009
Сообщений: 1,224
Сказал Спасибо: 4
Имеет 229 спасибок в 182 сообщенях
мож более подробно для каждого стиль вбить?
PHP код:
body { PADDING - RIGHT : 0px ; PADDING - LEFT : 0px ; PADDING - BOTTOM : 0px ; PADDING - TOP : 0px ; margin - top : 0px ; margin - right : 0px ; margin - left : 0px ; margin - bottom : 0px ; PADDING : 0px ; margin : 0px ; } table { border : 0px #000 solid; /* */ border - spacing : 0 ; border - collapse : collapse ; PADDING - RIGHT : 0px ; PADDING - LEFT : 0px ; PADDING - BOTTOM : 0px ; PADDING - TOP : 0px ; margin - top : 0px ; margin - right : 0px ; margin - left : 0px ; margin - bottom : 0px ; PADDING : 0px ; margin : 0px ; } td { PADDING - RIGHT : 0px ; PADDING - LEFT : 0px ; PADDING - BOTTOM : 0px ; PADDING - TOP : 0px ; margin - top : 0px ; margin - right : 0px ; margin - left : 0px ; margin - bottom : 0px ; PADDING : 0px ; margin : 0px ; } tr { PADDING - RIGHT : 0px ; PADDING - LEFT : 0px ; PADDING - BOTTOM : 0px ; PADDING - TOP : 0px ; margin - top : 0px ; margin - right : 0px ; margin - left : 0px ; margin - bottom : 0px ; PADDING : 0px ; margin : 0px ; }
ну и да
в td на 2 пикселя больше, чем размер картинки. и еще внизу будет не совпадать. из-за размера шрифта. ты там псевдо пробел тыкнул. он по высоте выше, чем 13 пикселов. шрифт того поля сделай маленьким. тогда картинки будут плотно прилегать. типа
PHP код:
< td width = "406" height = "13" style = "FONT-SIZE:5px;" >& nbsp ;</ td >
вот как у меня показывает со всеми этими правками:
__________________
хочу картинку в подпись!
Последний раз редактировалось SeregaZ, 17.02.2012 в 16:42 .
За это сообщение SeregaZ нажился спасибкой от:
21.02.2012, 16:05
#7
Пользователь
Регистрация: 29.09.2010
Сообщений: 34
Сказал Спасибо: 18
Имеет 1 спасибку в 1 сообщении
как бе решит твою проблему
PHP код:
< table width = "200" border = "0" cellpadding = "0" cellspacing = "0" > < tr > < td >.....</ td > </ tr > </ table >
Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения
HTML код Выкл.
Часовой пояс GMT +4, время: 03:13 .
vBulletin style designed by
MSC Team .
Powered by vBulletin® Version 3.6.11
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод:
zCarot
Вы хотите чувствовать себя в безопасности? чоп Белган обеспечит её!