Вернуться   CoderX :: Forums > Основные форумы > Программинг
Войти через 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 {
    
margin0;
   }
   
table {
    
border0px #000 solid; /* рамка вокруг таблиц */
    
border-spacing0;
    
border-collapse:collapse;
   }
   
td {
    
border0px #000 solid; /* рамка вокруг ячеек */
    
border-spacing0;
    
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-top0px
    
margin-right:0px;
    
margin-left:0px;
    
margin-bottom:0px;
    
PADDING:0px;
    
margin:0px;
   } 
   
table 
    
border0px #000 solid; /*    */ 
    
border-spacing0
    
border-collapse:collapse;
    
PADDING-RIGHT:0px;
    
PADDING-LEFT:0px;
    
PADDING-BOTTOM:0px;
    
PADDING-TOP:0px;
    
margin-top0px
    
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-top0px
    
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-top0px
    
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:13.

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

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