ВопросКак правильно вставлять содержимое блоков?

Мне необходимо вставить форму подписки на рассылку с фоновым изображением. Код формы выглядит так:

<div align="center">
<form action="http://smartresponder.ru/subscribe.html" name="SR_form" target="_blank" method="post">
<input name="charset" value="windows-1251" type="hidden">
<input name="version" value="1" type="hidden">
 
<input name="tid" value="000000" type="hidden">
<input name="uid" value="00000" type="hidden">
<input name="did[]" value="00000" type="hidden">
 
<table cellpadding="0" cellspacing="0" width="287" height="423" 
 
style="background: url(http://svobodaonline.com/form/fon_sub.png) no-repeat; ">
 
<tr>
<td height="59"></td>
</tr>
 
<tr>
<td height="167" style="padding: 0pt 10px; text-align: center;">
<p style="margin-left: 5px; margin-right: 5px; padding-bottom:10px; line-height: 150%;">
<b><font face="Arial" style="font-size: 14pt; " color="#3C3C3D"> 
 
 
"Здесь Любой Текст... Длина Текста Должна Быть НЕ БОЛЕЕ ПЯТИ Строк, Иначе Форма Может Разломаться!"</font></b></p>
</td>
</tr>
 
<tr>
<td height="197" style="padding: 0pt 0px; text-align: center;" valign="top">
<div align="center"><input style="font-family: Arial; margin-bottom: 37px; margin-right: 32px; padding-left: 5px; font-size: 13px; color: rgb(150, 150, 150); background: rgb(255, 255, 255); border: 0px solid rgb(255, 255, 255); height: 20px; width:196px" name="field_name_first" size="27" value="Введите Ваше Имя" onblur="if (this.value == '')  {this.value = 'Введите Ваше Имя';}" onfocus="if (this.value == 'Введите Ваше Имя') {this.value = '';}" type="text"></div>
<div align="center"><input style="font-family: Arial; margin-bottom: 30px; margin-right: 32px; padding-left: 5px; font-size: 13px; color: rgb(150, 150, 150); background: rgb(255, 255, 255); border: 0px solid rgb(255, 255, 255); height: 20px; width:196px" name="field_email" size="27" value="Введите Ваш Е-mail" onblur="if (this.value == '')  {this.value = 'Введите Ваш Е-mail';}" onfocus="if (this.value == 'Введите Ваш Е-mail') {this.value = '';}" type="text"></div>
<div style="padding-top: 0px; text-align: center;"><input name="SR_submitButton" 
 
src="http://svobodaonline.com/form/but_sub.png"
 
type="image" title="Получить бесплатный доступ прямо сейчас!" style="border:none; margin-left: 70px; backgroudn:transparent; padding-right:3px;"></div>
</td>
</tr>
</table>
</form>
</div>

Создаю блок, Full HTML (источник), сохраняю и получается такое:

Я так понял, что стиль темы перекрывает стиль блока? Или сам код формы нужно корректировать?
Заранее благодарен за помощь

Комментарии

Аватар пользователя Demeter
Demeter написал:

В догонку: получается такое: http://svobodaonline.com (см. верхний блок в сайдбаре)

18.01.2012 17:59
Аватар пользователя ice
ice написал:

margin-left: 70px - это многовато .
Правьте стили .

З.ы. сперва решил что у вас проблемы только с размером , но вижу еще есть фон для блока .
Можно решить стилями , а лучше переписать таблицу , с вынесением стилей в отдельный файл . Там черти что .
Пример:

backgroudn:transparent;
18.01.2012 20:33
Аватар пользователя Demeter
Demeter написал:

Да, на размер я пока не обращал внимания - с этим разберусь
Дело в том, что действительно фона не видно, а на некоторых темах видно, но при наведении курсора он закрывается.
Я не силен в этом вопросе, если не затруднит, более подробно подскажите - какие изменения внести в код формы, чтобы она полностью показывалась

19.01.2012 16:00
Аватар пользователя ice
ice написал:

Быстрее будет сделать все самому .
Свяжитесь со мной лично , контакты в профиле .

19.01.2012 17:20

Комментировать