Ответить Новая тема Новый опрос 
 Как растянуть поле поиска и саму страницу
camel891
Новичок
Сообщений: 3
Регистрация: 29-04-2012


29-04-2012 16:28
Доброго времени суток. Помогите пожалуйста, уже три дня мучаюсь, и никак не могу растянуть страницу по ширине экрана и поле поиска, чтоб был по центру и по шире!

пример кода
#page {
width: 96%;
margin: 0px auto 2px auto;
text-align:left;
background-image:url("../img/c_repeat.gif");
background-repeat:repeat-y;
}

#pagetop {
width: 96%;
height:35px;
margin: 0 auto;
text-align:left;
padding:0;
overflow-x:hidden;
overflow-y:hidden;
background-image:url("../img/c_top.gif");
background-position:left top;
background-repeat:no-repeat;
}

#pagebottom {

height:33px;
margin: 0 auto;
text-align:left;
padding:0;

background-image:url("../img/c_bottom.gif");
background-position:left top;
background-repeat:no-repeat;
}

#top {
height:90%;
padding-bottom:0;
padding-right:0;
width:96%;
margin:0 auto;

или я не там ищу?


Изображения:
Безымянный.JPG - Размер файла112.95KB, Скачиваний: 505 (Нажмите для увеличения)
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
geomagi
Профессионал
Сообщений: 1327
Регистрация: 12-11-2010


29-04-2012 20:31
для растяжки белого фона global.css (строка 187) #page добавьте
Цитата:
{
  background-size: cover;
}

и тоже самое проделайте для #pagetop и #footer и потом скорректируйте их положение.
для растяжки поля поиска надо отвязать ее от остального стиля (прописать для него свой), так не получится. (пример)
Цитата:
#search_query_top.search_query
{ width: 600px;}
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
camel891
Новичок
Сообщений: 3
Регистрация: 29-04-2012


03-05-2012 15:22
Спасибо большое ребята, очень выручили!!!
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
camel891
Новичок
Сообщений: 3
Регистрация: 29-04-2012


03-05-2012 15:43
а насчет поле поиска пока так и не сильно понял. его править тоже надо в globall.css или уже в самом блоке tpl???

пример в globall.css

/* block top search */
#header #search_block_top {
margin-top:35px;
height: 25px;
float: left;
}
#header #search_block_top p { padding: 0em 0 0.8em 11em; }
#header #search_block_top label, #header #search_block_top input{ float:left; }
#header #search_block_top label {
background: transparent url('../img/icon/search.gif') no-repeat 0 2px;
float: left;
width: 35px;
height: 50px;
display: block;
}
#header #search_block_top input#search_query { width: 200px; font-size:12px; padding-left:5px; height:26px; background: transparent url('../img/bg_search.gif') no-repeat 0 0px; border:none; }

 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
freelancer


Новичок
Сообщений: 7
Откуда: Казань/Чебы
Регистрация: 25-11-2011


25-05-2012 14:07
#header #search_block_top input#search_query {
...
width: /*200px*/ 100%;
...
}
 
Вне форума
ПМ 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос