- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Здравствуйте уважаемые форумчане. Проблема в следующем: кнопка поиска сползает вниз от формы и растягивается, это хотелось бы исправить.
Как должно быть:
Как есть:
(на цвет внимания не обращайте)
Поиск выводится в header.php этим кодом
А вот участок в CSS:
.search_bg { height:35px; width:210px; float: right; margin-top: 6px; }#search { color:#FFFFFF; padding:0; }
#search input { background: #FFF; font-size:11px; color:#4A4A4A; font-family:Tahoma, arial, verdana, courier; width:110px; height:18px; vertical-align:middle; padding:6px 10px 0px 10px; border-top: 1px solid #4C7B00; border-left: 1px solid #4C7B00; border-right: 1px solid #82D500; border-bottom: 1px solid #82D500; }
#search .input { width:65px; height:28px; background:none; border:none; margin:0; padding:0; margin-left: 8px; margin-right: 2px; }
Если не сложно, пожалуйста помогите.
Советую немного подправить:
HTML
<div class="search_bg">
<div id="search">
<form method="get" action="<?php bloginfo('home'); ?>">
<input type="text" name="s" class="s" value="<?php echo esc_html($s, 1); ?>" />
<input type="submit" class="button" value="submit" />
</form>
</div>
</div>
<!--Begin Search Form-->
CSS
#search { color:#FFFFFF; padding:0; }
#search form {padding:0px; margin:0px}
#search .s { background: #FFF; font-size:11px; color:#4A4A4A; font-family:Tahoma, arial, verdana, courier; width:110px; height:18px; vertical-align:middle; padding:6px 10px 0px 10px; border-top: 1px solid #4C7B00; border-left: 1px solid #4C7B00; border-right: 1px solid #82D500; border-bottom: 1px solid #82D500; }
#search .button { width:65px; height:28px; background:url(search-button-Green.gif) no-repeat; border:none; margin:0; padding:0; margin-left: 8px; margin-right: 2px; }
Попробуйте так, должно помочь!
aleksandrlao, спасибо за то, что откликнулись, но вот что выводится с вашим вариантом -
хм, отпишитесь в личку, попробую помочь!