ВопросКак правильно вставлять содержимое блоков?
Мне необходимо вставить форму подписки на рассылку с фоновым изображением. Код формы выглядит так:
<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
- 18.01.2012
- 3041
Комментарии
В догонку: получается такое: http://svobodaonline.com (см. верхний блок в сайдбаре)
margin-left: 70px - это многовато .
Правьте стили .
З.ы. сперва решил что у вас проблемы только с размером , но вижу еще есть фон для блока .
Можно решить стилями , а лучше переписать таблицу , с вынесением стилей в отдельный файл . Там черти что .
Пример:
Да, на размер я пока не обращал внимания - с этим разберусь
Дело в том, что действительно фона не видно, а на некоторых темах видно, но при наведении курсора он закрывается.
Я не силен в этом вопросе, если не затруднит, более подробно подскажите - какие изменения внести в код формы, чтобы она полностью показывалась
Быстрее будет сделать все самому .
Свяжитесь со мной лично , контакты в профиле .
Комментировать