Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 14.03.2015, 16:07   #1
МихаилМ
Новичок
Джуниор
 
Регистрация: 14.03.2015
Сообщений: 1
По умолчанию Как переместить форму поиска в шапке сайта

Здравствуйте! Помогите пожалуйста разобраться. Делаю сайт на wordpress и столкнулся с проблемой вывода формы поиска в шапке сайта.
Сейчас ситуация такая:



Кнопка поиска вверху над основным блоком хедера. Обращаю Ваше внимание, что серый цвет в хедере - это картинка, т.е. весь хедер является изображением.

Мне нужно, чтобы кнопка поиска была внутри картинки хедера, т.е. вот так:



Что я сделал:
В header.php добавил код:
PHP код:
<form role="search" method="get" id="searchform" class="searchform" action="http://www.shuyanews.ru">
<
input type="text" value="" name="s" id="s">
<
input type="submit" id="searchsubmit" value="Поиск">
</
form
В style.css добавил код:
PHP код:
#s {
border1px solid #02909d; /* толщина и цвет рамки */
color#000; /* черный шрифт */
height40px/* высота поля */
width550px/* ширина поля*/
padding0 0 0 5px;
}
#searchsubmit {
border0 none;
cursorpointer;
height42px/* высота кнопки */
margin0 0 0 -10px/* чтобы кнопка наехала на поле */
width68px;
background#02909d; /* цвет фона кнопки */
color#fff; /* белый шрифт */
border-radius3px;

Цвета и размеры я понимаю как поправить, но как изменить расположение блока поиска, чтобы оно было внутри картинки, как мне надо - не понимаю. Помогите пожалуйста.

Последний раз редактировалось МихаилМ; 14.03.2015 в 16:10.
МихаилМ вне форума Ответить с цитированием
Старый 26.03.2015, 20:14   #2
Stanislav
Квадрокоптерист
Участник клуба Подтвердите свой е-майл
 
Регистрация: 29.09.2007
Сообщений: 1,824
По умолчанию

гавнакод конечно, но раз никто не пишет предложу абсолютное позиционирование
Я часть той силы, что вечно хочет зла, но вечно совершает благо..
Stanislav вне форума Ответить с цитированием
Старый 26.03.2015, 21:42   #3
Naive
Раздолбайских Дел
Старожил
 
Аватар для Naive
 
Регистрация: 22.05.2009
Сообщений: 3,828
По умолчанию

Цитата:
Сообщение от Stanislav Посмотреть сообщение
гавнакод конечно, но раз никто не пишет предложу абсолютное позиционирование
да не, норм решение в данной задаче
Alar, верни репу!
Naive вне форума Ответить с цитированием
Старый 26.03.2015, 21:47   #4
Stanislav
Квадрокоптерист
Участник клуба Подтвердите свой е-майл
 
Регистрация: 29.09.2007
Сообщений: 1,824
По умолчанию

Цитата:
Сообщение от Naive Посмотреть сообщение
да не, норм решение в данной задаче
Спасибо=) а то я переживал так=)
Я часть той силы, что вечно хочет зла, но вечно совершает благо..
Stanislav вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
jquery скрипт (раскрывающийся список) скрывает надписи в шапке сайта. Space91 HTML и CSS 3 24.01.2014 09:34
некоторое число оканчивается на 2, если эту цифру переместить на первое место, то число удвоится. написать программу поиска числа Noob325 Помощь студентам 6 06.12.2012 10:39
лимит на размер лого в шапке. как это исправить? Sleepless HTML и CSS 1 16.07.2012 21:38
Как связать форму поиска с таблицей (Связь форм) Microshema Microsoft Office Access 1 24.06.2010 23:12
Одну и ту же форму использовать как MDI-child форму и как модальную форму? PrimaryPro Общие вопросы Delphi 2 10.03.2010 20:52