Проблемы с бэкграундом

Z3
На сайте с 31.01.2012
Offline
7
815

Проблемы с бэкграундом :gm: т.к. я не очень шарю в html и сss спрошу совета у вас.

решил сделать красивую форму подписки для моего блога с бэкграундом и на нем кнопкой рсс и подпиской по е-майл, получилось вот так -,

изначально думал сделать так -

помогите мне какими тегами мне оперировать, чтобы сдвинуть кнопку и форму подписки как на 2ром скрине ? (я уже говорил что я слабо шарю в html и сss и ваши подсказки типо http://htmlbook.ru не чем мне не помогут...) в ответах хочу увидеть,чтото типо этого - чтобы "сделать текст как на 2ром скрине используй <div ......> здесь код формы подписки </div> "

плз помогите кто в этом разбирается, замучился уже с этой кнопкой :mad:

Garin33
На сайте с 31.08.2009
Offline
169
#1


<div style="border:1px black dashed; width:500px">
<div style="padding:20 20 20 20"><img src="" width="200px" height="100px">

<div style="float:right; padding:20 20 20 20; text-align:center;">
<div>email</div>
<div>text</div>
</div>
</div>

На правильность и точность не претендую. За пару минут наваял.

p.s. разбираться все равно придется рано или поздно в css.

Потому что Drupal - это круто.
богоносец
На сайте с 30.01.2007
Offline
774
#2
zigzag32ru:
получилось вот так

Выложите здесь код и стили того, что уже получилось (с вашей иконкой RSS)

Z3
На сайте с 31.01.2012
Offline
7
#3
Garin33:




На правильность и точность не претендую. За пару минут наваял.

p.s. разбираться все равно придется рано или поздно в css.

вот что вышло когда поставил код (на кнопку по центру сверху не смотрите это бэкграунд я его уберу). с форму подписки как сместить параллельно кнопке?

З,Ы с кнопкой вышло с формой нет 😡

<div style="background-image: url('http://free-earningss.ru/wp-content/uploads/2012/02/2012-02-07_172010.png'); repeat-x; width: 401px; height: 115px;">
<div style="border: 1px black dashed; width: 400pxpx;">
<div style="padding: 20 20 20 20;">

<img src="http://free-earningss.ru/wp-content/uploads/2012/02/2012-02-07_155032.png" alt="" width="NaN" height="NaN" />
<div style="float: right; padding: 20 20 20 20; text-align: center;">
<div>
<div class="subscribetextbgpost"><input class="subscribe_textieldpost" onfocus="if (this.value == 'Введите Ваш e-mail') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Введите Ваш e-mail';}" type="text" name="email" value="Введите Ваш e-mail" />
<input type="hidden" name="uri" value="Free-earningssru" />
<input type="hidden" name="title" value="&lt;?php bloginfo('name'); ?&gt;" />
<input type="submit" value="Подписаться на новости" /></div>
</div>
</div>
</div>
</div>
</div>
Код того "чуда" что выше

может в коде чтото нетак

L5
На сайте с 28.01.2012
Offline
37
#4

Загнать все в таблицу. 1 строка - 2 ячейки. В 1 ячейке желтакая штуковина, в другой форма подписки и кнопка

Для ячеек сделать вертикальное выравнивание по цетру и выравнивание текста по центру, можно еще внутренний отспуп. И столько дивов чето не понял к чему

Z3
На сайте с 31.01.2012
Offline
7
#5
ladan54493:
Загнать все в таблицу. 1 строка - 2 ячейки. В 1 ячейке желтакая штуковина, в другой форма подписки и кнопка
Для ячеек сделать вертикальное выравнивание по цетру и выравнивание текста по центру, можно еще внутренний отспуп. И столько дивов чето не понял к чему

я плохо разбираюсь в css и html и незнаю свойств многих выравниваний и т.д. буду делать до утра может дашь какойто контакт и сделаем быстренько ? :)

VO
На сайте с 04.09.2011
Offline
3
#6
zigzag32ru:
я плохо разбираюсь в css и html и незнаю свойств многих выравниваний и т.д. буду делать до утра может дашь какойто контакт и сделаем быстренько ? :)

Введите в гугле htmlbook и первой строчкой будет удобный сайт по css и html, до утра времени как раз хватило бы чтобы почитать. Зато Вы больше не будете потом по пустякам(коих очень много) мучиться.

богоносец
На сайте с 30.01.2007
Offline
774
#7

[ATTACH]104015[/ATTACH]

action="впишите URL"

Сами подвигаете... стили в отдельных строчках HTML-кода.

zip 104015.zip

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий