Как подвинуть панель поиска вправо.

dj-angell

Новичок
4
0 / 0

Как подвинуть панель поиска вправо.

« : 10.03.2011, 00:49:25 »

Всем привет. Вопрос конечно уникальный, но столкнулся с такой проблемой:
Вот сайт: http://www.1prt.ru/123/
Двигаю поиск влево... Сам поиск двигается, а кнопка поиска съезжает вниз...
Помогите пожалуйста:)
Вот CSS код:

/*-------------------------------------search---*/
.search {position:absolute ; width:50px; padding:0 0 0 0; top:23px; right:0px; z-index:5000; height:33px}
.search .search-input{ width:177px; float:left; height:31px; display:block; background:url(../images/search_bg.gif) 0% 0% no-repeat; }
.search .search-button{ width:10; height:10px; display:block; float:right; }
.search .inputbox   {
   border:none;
   color:#999898;
   font-size:13px;
   line-height:16px;
   margin:1px 0 0 0 !important;
   padding:5px 3px 4px 12px;
   width:153px;
   background:none;
   text-transform:capitalize;
}
.search .button   { width:33px !important; margin:0 0 0 0 !important; padding:0 !important; background:url(../images/search_button.gif) 0% 0% no-repeat; height:31px; border:none; }
.search .button:hover{ text-decoration:underline;}
span.count{ color:#352a2e; }

Спасибки зараннее:)

Записан

Oxlamon

Давно я тут
746
95 / 4

Re: Как подвинуть панель поиска вправо.

« Ответ #1 : 10.03.2011, 01:15:07 »

Там нехилая мешанина из абсолютно и относительно позиционируемых слоёв, у части которых ширина 100%, у другой фиксированная и т.д.
Сам внешний див поиска .search имеет ширину в 50рх, вложенные - 170рх. Ещё бы его не корёжило. А вправо он дальше уйти не может, потому что абсолютно позиционируется right:0 по правому краю формы, в которой он сидит. А форма - хедером в 1050рх. Вот и всё.

Записан

dj-angell

Новичок
4
0 / 0

Re: Как подвинуть панель поиска вправо.

« Ответ #2 : 10.03.2011, 01:50:36 »

Спасибо огромное:)

Записан

Некорректро работает Lightbox в widgetkit, сдвиг вправо при открытии Lightbox и листании фотографий Автор twins717	Ответов: 2 Просмотров: 2232	31.03.2020, 08:13:46 от sivers
css: Резиновый модуль поиска Автор slepoy	Ответов: 1 Просмотров: 2151	08.02.2017, 21:23:22 от beliyadm
смещение body вправо, margin в 16px Автор deminevgen	Ответов: 3 Просмотров: 1645	28.11.2016, 22:46:53 от deminevgen
Как убрать панель на задний план? Автор Стас Сергеевич	Ответов: 7 Просмотров: 1983	21.04.2016, 13:50:26 от Стас Сергеевич
Уезжает вправо мобильная версия сайта+долго грузится Автор Vegasmachine	Ответов: 0 Просмотров: 1676	27.03.2016, 15:38:30 от Vegasmachine

Как подвинуть панель поиска вправо. - Вопросы по CSS

Новости Joomla

Вышли релизы безопасности Joomla 6.1.1 и Joomla 5.4.6

👩‍💻 JoomShopping: Самый полный курс по созданию интернет-магазина на CMS Joomla.

👩‍💻 SM WT CDEK аддон доставки для JoomShopping.

dj-angell

Как подвинуть панель поиска вправо.

Oxlamon

Re: Как подвинуть панель поиска вправо.

dj-angell

Re: Как подвинуть панель поиска вправо.

Похожие темы