1

Тема: Відступ у формі(як прибрати?)

<div id="search_box">
    <form method="GET" action="search.php">
        <input type="search" placeholder="Пошук..." maxlength="30" class="search">
        <input type="submit" value="Шукати">
    </form>
 </div>
#search_box .search {
    width: 160px;
    padding: 6px 15px 6px 28px;
    background: url(images/search.png) no-repeat 4px;
    border: 1px solid #000000;
}

Як можна прибрати цей відступ, а то не можу зрозуміти звідки він взагалі взявся...

https://pp.сайт-злодій/c631926/v631926466/357bd/AxuCU4hvJ14.jpg

Подякували: 221VOLT1

2

Re: Відступ у формі(як прибрати?)

Інпути дефолтово мають display:inline — тобто, позиціонуються як елементи тексту, простір між ними може включати текстові пробіли.

Подякували: 221VOLT, ReAl, Monolith, leofun014

3

Re: Відступ у формі(як прибрати?)

P.Y. вірно говорить -
можна так
http://cssdeck.com/labs/pxepia52
а ще можна позицію порухати - правда це уже костилі))

можливо ще є способи))

Подякували: ReAl, Monolith2

4

Re: Відступ у формі(як прибрати?)

Ну з того, що сказав P.Y., випливає ще один спосіб — просто розмістити обидва input у тексті підряд, без пробільних символів. Тобто на одному рядку без пробілів і табуляцій між кутиками, що закривають попередній і відкривають наступний.

Подякували: Monolith, 221VOLT2

5

Re: Відступ у формі(як прибрати?)

Дякую!

Подякували: 221VOLT1

6

Re: Відступ у формі(як прибрати?)

Пробуй

#search_box input[type='submit']{margin-left:-4px;}