[SergeyNetIt]

Создал блок div фиксированной ширины, а внутри него на всю ширину растянул width:100% input. Создал, чтобы при наведении на блок появлялась тень.
Но когда я добавил отступ внутри input - padding-left:10px, тень при наведении не растягивается на весь блок.
Вот скрин http://joxi.ru/rfu_Uv3JTJCtEVogZFk
Так я оформил поиск

PHP код:

<form action="/" method="get">
            <input type="text" name="s" id="s" class="findText" value="<?php the_search_query();?>"placeholder="Поиск на сайте...">
            <a href="javascript:document.forms[0].submit();" class="click" ></a>
        </form>

Такие применил я свойства

Код HTML:

.search{
	width: 260px;
	height: 24px;
	margin: 20px 0 0 24px;
	background:url(./img/bg-find.jpg);
	/*border-radius: 30px;*/
	position: relative;
}
.search:hover{
	 box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.25);
}
.search:focus{
	 box-shadow: 0 0 0 3px #80A62D;
} 
.search input[type="text"]:focus{
	background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 0 3px #80A62D;
    color:#000;
}
.findText{
	/*width:170px;*/
	height: 24px;
	float: left;
	/*margin: 0 0 0 20px;*/
	/*padding: 0;*/
	border: medium none;
	/*border-radius: 30px;*/
	width: 100%;
	background:url(./img/bg-find.jpg);
	color:#fff;
}
.search input[type="text"]{
	padding:0 0 0 20px;
}

А вот так работает без padding-left:20px;
http://joxi.ru/M_2_Uv3JTJC1ETM9cdI

[Dolmatov]

может быть вам за место padding прописать margin если вы хотите сдвинуть блок в право

---------- Сообщение добавлено 14:57 ---------- Предыдущее 14:56 ----------

Если есть рабочий сайт, пиши в icq. помогу

[SergeyNetIt]

Dolmatov,Я не хочу двигать блок. Я хочу, чтобы внутри input сдвинуть текст, чтобы он не начинался вводиться с начала, а с отступом

---------- Сообщение добавлено 13:08 ---------- Предыдущее 13:02 ----------

Dolmatov, Вот сайт http://fr3809bb.bget.ru/glavnaya/

[Denis Creative]

SergeyNetIt,
Скорее всего надо ширину фиксированную ставить, а не

Код HTML:

width: 100%;

Вот сайт

А толку? Где форма поиска?

[Dolmatov]

.search input[type="text"]{
padding:0 0 0 0px;
}

[SergeyNetIt]

[quote]Dolmatov, Вот сайт http://fr3809bb.bget.ru/ . Форма поиска вверху

[Denis Creative]

SergeyNetIt, задай .findText

Код HTML:

width: 240px;

[SergeyNetIt]

Dolmatov, Я знаю, что когда ставишь padding:0 все правильно работает. Мне нужно, чтобы ввод текста начинался в input с отступом. Вот мне и нужно ставить слева padding:0 0 0 20px;

---------- Сообщение добавлено 13:33 ---------- Предыдущее 13:31 ----------

Denis Creative,Неправильно. Нужно, чтобы input занимал всю ширину блока. Там нужно width:100%

[Denis Creative]

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

[Dolmatov]

Напиши в icq

---------- Сообщение добавлено 15:36 ---------- Предыдущее 15:35 ----------

.search input[type="text"] {
padding: 0px 0px 0px 10px;
}

.search input[type="text"]:hover {
box-shadow: 0px 0px 0px 3px rgba(255, 255, 255, 0.25);
}