Autor Zpráva
jefitto44
Profil
Robím jeden kontaktný formulár a neviem si rady s tým, prečo mi zobrazuje input type text o nejaké 4 pixely nižšie ako vedľa neho umiestnený submit. Robí to iba v CHROME

<div class="search right">
                <form method="get" action="<?=menu::getHyperlinkById(31)?>">
                    <input type="submit" name="submit" value="">
                    <input type="text" name="text" placeholder="Vyhľadať">

                </form>    
            </div><!--search--> 

.search form input[type="text"] {
width:188px;
height:32px;
border:2px solid #000;
border-left:none;
position:relative;
top:0px;
left:-5px;
padding-left:25px;
}

.search form input[type="submit"] {
    background:url("images/wrapper/lupa.png") no-repeat;
    width:32px;
    height:32px;
    background-position:center 50%;
    border:2px solid #000;
    border-right:none;
    margin:0;
}
Bubák
Profil
Ve staré dobré i v nové Opeře nejsou oba inputy jinak vysoké, pokud to není záměr, deklaruj jim box-sizing a vyber si, jaký box-model ti bude více vyhovovat.
V Chromu (a odvozených prohlížečích) srovnáš inputy pomocí vertical-align.
Zbavit se mezery mezi inputy relativním pozicováním je prasárna, použij třebas float, nebo dej kód inputů bet mezery (odřádkovíním) mezi nimi, buďto "natvrdo", nebo můžeš mezery a odřádkování v HTML zakomentovat.
jefitto44
Profil
Nj, dal som to na float a problem vyriešeny... čudujem sa, že ma to nenapadlo skôr...

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: