Вернуться   CoderX :: Forums > Основные форумы > Программинг
Перезагрузить страницу Надо помощь с созданием HTML письма)
Войти через OpenID

Программинг Форум для тем связанных с программированием

Чат (Новых сообщений с момента вашего последнего визита нет)
Загрузка...
Задавайте ваши вопросы на форуме. Чат предназначен для небольших разговоров.
 
Ответ
 
Опции темы Опции просмотра
Старый 17.02.2012, 13:13   #1
Местный
 
Аватар для 8tomat8
 
Регистрация: 17.01.2009
Сообщений: 282
Сказал Спасибо: 64
Имеет 81 спасибок в 63 сообщенях
8tomat8 пока неопределено
Стрелка Надо помощь с созданием 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 Посмотреть сообщение
Вот еще один вопрос:Вот вчера было све нормально
8tomat8 вне форума   Ответить с цитированием
Старый 17.02.2012, 13:31   #2
Рыцарь
 
Аватар для Morfik
 
Регистрация: 13.10.2009
Сообщений: 665
Сказал Спасибо: 38
Имеет 172 спасибок в 108 сообщенях
Morfik пока неопределено
По умолчанию
http://seodon.ru/primery/html-css/ob...l-elementa.php
__________________
каждый раз, когда ты пишешь int i вместо short i, сотни пользователей вынуждены докупать планку памяти

служба поддержки 4gay - ICQ 642274822
Morfik вне форума   Ответить с цитированием
За это сообщение Morfik нажился спасибкой от:
Старый 17.02.2012, 15:15   #3
Местный
 
Аватар для 8tomat8
 
Регистрация: 17.01.2009
Сообщений: 282
Сказал Спасибо: 64
Имеет 81 спасибок в 63 сообщенях
8tomat8 пока неопределено
Стрелка
Цитата:
Сообщение от 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 Посмотреть сообщение
Вот еще один вопрос:Вот вчера было све нормально
8tomat8 вне форума   Ответить с цитированием
Старый 17.02.2012, 15:19   #4
Новичок
 
Регистрация: 08.04.2010
Сообщений: 1
Сказал Спасибо: 0
Имеет 2 спасибок в 1 сообщении
TopBox пока неопределено
По умолчанию
ну вот например
Код HTML:
 <td width="625" height="17"><img src="01.gif" width="628" height="15"></td>
высота ячейки 17, высота картинки 15, понятное дело 2 пикселя промежуток.
попробуй просто убрать все height
TopBox вне форума   Ответить с цитированием
Старый 17.02.2012, 15:50   #5
Местный
 
Аватар для 8tomat8
 
Регистрация: 17.01.2009
Сообщений: 282
Сказал Спасибо: 64
Имеет 81 спасибок в 63 сообщенях
8tomat8 пока неопределено
По умолчанию
Цитата:
Сообщение от 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 Посмотреть сообщение
Вот еще один вопрос:Вот вчера было све нормально
8tomat8 вне форума   Ответить с цитированием
Старый 17.02.2012, 16:27   #6
Местный
 
Аватар для SeregaZ
 
Регистрация: 16.08.2009
Сообщений: 1,224
Сказал Спасибо: 4
Имеет 229 спасибок в 182 сообщенях
SeregaZ пока неопределено
По умолчанию
мож более подробно для каждого стиль вбить?
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 вне форума   Ответить с цитированием
За это сообщение SeregaZ нажился спасибкой от:
Старый 21.02.2012, 16:05   #7
Пользователь
 
Регистрация: 29.09.2010
Сообщений: 34
Сказал Спасибо: 18
Имеет 1 спасибку в 1 сообщении
controller пока неопределено
По умолчанию
как бе решит твою проблему
PHP код:
<table width="200" border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>.....</td>
  </tr>
</table> 
controller вне форума   Ответить с цитированием
Ответ

  CoderX :: Forums > Основные форумы > Программинг

« Предыдущая тема | Следующая тема »


Ваши права в разделе
Вы не можете создавать темы
Вы не можете отвечать на сообщения
Вы не можете прикреплять файлы
Вы не можете редактировать сообщения
BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.


Часовой пояс GMT +4, время: 03:04.

CoderX - Архив - Вверх
vBulletin style designed by MSC Team.
Powered by vBulletin® Version 3.6.11
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd. Перевод: zCarot
Locations of visitors to this page
Rambler's Top100

Вы хотите чувствовать себя в безопасности? чоп Белган обеспечит её!