| Autor | Zpráva | ||
|---|---|---|---|
| Amunak Profil |
#1 · Zasláno: 14. 1. 2012, 14:19:24 · Upravil/a: Amunak
Nechápu. U textového pole se počítá výška (height) normálně, tzn. zadám výšku 10px, padding, 2px, border 1px. Celkově má element 16 pixelů. U submitu zadám to samé, výsledkem je 10px vysoký element, co má "vnitřní výšku" 4 pixely. Dělám něco špatně, nebo je to normální? Dělají to všechny prohlížeče. Přijde mi to krajně nelogické.
<form class="search" method="post" action="/vyhledavani/">
<input type="text" name="search">
<input type="submit" value=" ">
</form>form.search input {
width: 112px;
height: 16px;
border: 1px solid black;
border-radius: 5px 0 0 5px;
float: left;
}
form.search input[type=submit] {
width: 30px;
height: 16px;
border-left: 0;
border-radius: 0 5px 5px 0;
background: white url('img/magnifier.png') no-repeat center center;
} |
||
| Monkeys Profil * |
#2 · Zasláno: 14. 1. 2012, 21:05:11
Amunak:
Skusil by som to pri tych inputoch asi bez toho ".classu": Osobne davam formularom ID - cka. Napr. #form1 input {
width:490px;
padding:12px 0px 12px 12px;
font-size:12px;
border:1px solid black;
background:white;
outline:none;
}
A tlacitku dat obycajny class napr ...
#form1 .button {
width:110px;
padding:10px 0px 5px 0px;
cursor:pointer;
background:url(obrazok) repeat-x 0px 0px;
text-decoration:none;
font-weight:bold;
border:1px solid black;
}M. |
||
|
Časová prodleva: 12 let
|
|||
0