| Autor | Zpráva | ||
|---|---|---|---|
| prvky Profil * |
Mám nasledující prvky
<div class="form-filter hidden">
<form id="filter" action="">
<select name="f1" id="f1" onchange=""><option class="cre" value="CR" selected="selected">Celá ČR</option></select>
<select name="f2" id="f2" onchange=""><option value="s1" >kraj, název</option></select>
<input class="submit" type="button" value="" onclick="jsSubmitFilter()" />
</form>
</div> v css .form-filter {display:inline-block; padding-top:15px; height: 24px; padding-bottom:10px; border-bottom:solid 2px #3E422F;}
select {padding:2px 3px; margin-right:10px; color:#0D0F0A; background:#E0F7E9; font-size:11px; border:1px solid #898C4E;}
input.submit {width:90px; height:24px; margin-left:5px; cursor:pointer; background:#0D2D0F url("../img/input-sel-n.png") no-repeat left top scroll;color:#D2D4AA; border:none; }Problém je v tom, že ve FF jsem mě prvky zobrazí seřazené v jedné rovině, v IE jsou prvky select výrazně níže než prvek input.submit Prosím, kde by mohl být problém? Děkuji za pomoc |
||
| Str4wberry Profil |
#2 · Zasláno: 2. 2. 2013, 11:26:12
Nemohou za to různé módy prohlížečů?
|
||
| prvky Profil * |
#3 · Zasláno: 2. 2. 2013, 12:27:21
Aha, já mám na každé stránce
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> takže, jak to napravit? |
||
| margin Profil * |
#4 · Zasláno: 2. 2. 2013, 13:15:31
To je jeden z mnoha doctype, které přepnou prohlížeče do standardního režimu.
Tak jsem na to koukal a v IE 6 až v IE 10 a všude je to v pořádku, s výjimkou IE 8, kde jsou selecty tak, jak píšeš, na první pohled o poznání níže. |
||
| prvky Profil * |
#5 · Zasláno: 2. 2. 2013, 17:17:41
No, a já to zkouším právě na IE8. Tak co s tím, je to dost rozhozené?
|
||
| prvky Profil * |
#6 · Zasláno: 3. 2. 2013, 10:39:28
Prosím, je nějaké řešení, jak dané prvky dostat do jedné lajny?
Děkuji za radu |
||
| Plaváček Profil |
#7 · Zasláno: 3. 2. 2013, 10:42:56
prvky:
1. Dodej živou ukázku. 2. Snaž se formulářové prvky stylovat minimálně - nejlépe vůbec (viz pěkný článek http://latrine.dgx.cz/jeste-dokonalejsi-stylovani-formularu) 3. Občas zabere v CSS tato definice: form * {vertical-align:middle}, ale není všemocná. |
||
| Balaban Profil * |
#8 · Zasláno: 3. 2. 2013, 11:31:37
vphp.wz.cz/pokus.html
|
||
| Jan Kupka Profil |
#9 · Zasláno: 3. 2. 2013, 14:49:10
prvky:
Je nějaký důvod, proč nastavuješ divu s třídou form-filter výšku 24px? To ti tam bude dělat neplechu. Pokud to odstraníš a nastavíš prvkům ve formuláři "vertical-align: middle", tak budeš mít vše v rovině. |
||
| prvky Profil * |
#10 · Zasláno: 3. 2. 2013, 15:35:57
Odstranil jsem to, a žádná změna nenastala.
|
||
| Jan Kupka Profil |
#11 · Zasláno: 3. 2. 2013, 16:17:41
A druhý krok v mé odpovědi jsi udělal?
|
||
|
Časová prodleva: 13 let
|
|||
0