Перейти к содержимому


Подправить Css Поиска


  • Авторизуйтесь для ответа в теме
В теме одно сообщение

#1 pavelkosenkov

pavelkosenkov

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 73 сообщений

Отправлено 07 Октябрь 2012 - 21:40

Помогите подправить CSS поиска.
1) Как подогнать размер строки поиска под дизайн? В данный момент можно нажать в любую область над надписью "поиск", а хочется чтобы CSS область строки поиска была подогнана под название и дизайн

Сейчас CSS поиска выглядит так: Что изменить надо?
Сайт: Urbantime.ru
	/*forms*/
/*search*/
#search{
  height: 35px;
  float: right;
  padding-top: 45px;
  padding-right: 15px;
  width: 220px;
} #search .search_box  {
  background:none;
  border:none;
  font: 12px Tahoma, Geneva, sans-serif;
  width: 142px;
  padding-left: 50px;
  padding-top: 100px;
  
  
}

#search .submit {
  cursor:pointer;
  height: 28px;
  width: 28px;
}
/*search*/

 


#2 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 24 353 сообщений

Отправлено 08 Октябрь 2012 - 10:14

В файле стилей найдите

#search {
	float: right;
	height: 35px;
	padding-right: 15px;
	padding-top: 45px;
	width: 220px;
}

и замените на

#search {
	height: 35px;
	padding-right: 15px;
	padding-top: 45px;
	position: absolute;
	right: 0;
	top: 100px;
	width: 220px;
}

далее найдите

#search .search_box {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	font: 12px Tahoma,Geneva,sans-serif;
	padding-left: 50px;
	padding-top: 100px;
	width: 142px;
}

и замените на

#search .search_box {
	background: none repeat scroll 0 0 transparent;
	border: medium none;
	font: 12px Tahoma,Geneva,sans-serif;
	padding-left: 50px;
	width: 142px;
}





Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных