| Autor | Zpráva | ||
|---|---|---|---|
| jefitto44 Profil |
#1 · Zasláno: 3. 10. 2014, 13:51:48
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. |
||
|
Časová prodleva: 3 dny
|
|||
| jefitto44 Profil |
#3 · Zasláno: 6. 10. 2014, 13:03:10
Nj, dal som to na float a problem vyriešeny... čudujem sa, že ma to nenapadlo skôr...
|
||
|
Časová prodleva: 10 let
|
|||
0