Problém s formulářem- každý prohlížeč= jiný vzhled

8. 8. 2011 18:21:27

Zdravím,

mám problém se stránkou http://myexport.pl/ukryto/index.html# .

dlouho jsem ji předělával kvůli odlišnému zobrazeni v IE a už je to skoro hotovo, zbývá poslední problém, avšak nevím si s ním rady...

Jedná se o formulář dole nad patičkou, zobrazuje se jinak v google chrome, IE i v mozile firefox...

Správně by měl vypadat takto http://imageshack.us/photo/my-images/194/formul.png/ .

Všem moc díky za rady ! :)

8. 8. 2011 18:21:27

https://webtrh.cz/diskuse/problem-s-formularem-kazdy-prohlizec-jiny-vzhled#reply664502

Dodiew

(2 hodnocení)

8. 8. 2011 18:38:31

moc tě nepotěším, formulář se sice může stylovat pomocí CSS, ale nikdy nebude stejný ve všech prohlížečích :)

já to řeším tak, že si udělám neviditelný input, a v divů dám pozadí jakoby formuláře ;-)

nebo takto to taky docela často používám

ano, vidíš spávně NEPOUŽIL jsem jen padding xxxpx, protože zleva a zprava pokud je rámeček kulatý, tak by měly být větší :)

... snad jsem pomohl

... určitě si to napiš do externího stylopisu :) přes style jsem to uvedl jako příklad, nebudu tu předsi dělat stylopis no ne ? :)

8. 8. 2011 18:38:31

https://webtrh.cz/diskuse/problem-s-formularem-kazdy-prohlizec-jiny-vzhled#reply664501

Jakub Hošek

(23 hodnocení)

8. 8. 2011 20:26:28

no... textové pole je vždy stejné.

Jedná se mi spíše o odesílací tlačítko... tam mám type="image" a v .css background-image, a v každém prohlížeči to dělá nějakou neplechu...

ve FF se neroztáhne po celé šířce/výšce, v mozile je nesmyslný černý text který jsem do value nenapsal, ani nikam jinam.. navíc se ukáže nesmyslně jen polovina odesilacího tlačítka... v IE je koem odesilaciho tlačitka taky nesmyslný rámeček,tlačitko je posunuté nahoru a je přes něj nějaký bíly list papíru... Nevíte jak tyto konkrétní problémy vyřešit ? :) Díky

8. 8. 2011 20:26:28

https://webtrh.cz/diskuse/problem-s-formularem-kazdy-prohlizec-jiny-vzhled#reply664500

Ondrej Vertat

(48 hodnocení)

8. 8. 2011 20:27:53

Napsal Dodiew;686995
moc tě nepotěším, formulář se sice může stylovat pomocí CSS, ale nikdy nebude stejný ve všech prohlížečích :)

Ale houby. Může být stejný. Jen to chce umět stylovat pořádně.

8. 8. 2011 20:27:53

https://webtrh.cz/diskuse/problem-s-formularem-kazdy-prohlizec-jiny-vzhled#reply664499

Jakub Hošek

(23 hodnocení)

8. 8. 2011 20:29:21

jaké změny by jsi tedy v mém kodu ohledně formuláře použil ? :) Rád bych to už vyřešil...:)

Dík

8. 8. 2011 20:29:21

https://webtrh.cz/diskuse/problem-s-formularem-kazdy-prohlizec-jiny-vzhled#reply664498

Ondrej Vertat

(48 hodnocení)

8. 8. 2011 20:33:26

Napsal Z3NTIVA;687029
jaké změny by jsi tedy v mém kodu ohledně formuláře použil ? :) Rád bych to už vyřešil...:)
Dík

Máš to nastylované celé blbě, ale základní zlepšení:

U input type text přidej border:0 none. Krom velikosti fontu nastav i rodinu a výšku řádku (každý font je jinak veliký a to se odráží i na velikosti inputu). Abys měl text v poli uprostřed všude, nastav krom výšky i padding.

Submit máš type image, ale chybí ti tam atribut pro zdroj obrázku, tedy src="", value se u type image nepíše, alternativou je zde atribut alt="" (jako u všech obrázků). Také zde přes css vynuluj border.

Abys měl formulářové prvky na stejné úrovni, přidej všem vertical-align:middle.

Pokud něco nechápeš, ptej se. Můžu uvést i příklady kódu.

8. 8. 2011 20:33:26

https://webtrh.cz/diskuse/problem-s-formularem-kazdy-prohlizec-jiny-vzhled#reply664497

Jakub Hošek

(23 hodnocení)

8. 8. 2011 20:36:25

jedná se mi hlavně o submit...

když dám alt="" poličko uplne zmizi...

zdroj obrzázku je v css. U toho submitu musim vyřešit:

8. 8. 2011 20:36:25

https://webtrh.cz/diskuse/problem-s-formularem-kazdy-prohlizec-jiny-vzhled#reply664496

Ondrej Vertat

(48 hodnocení)

8. 8. 2011 20:43:44

Napsal Z3NTIVA;687034
jedná se mi hlavně o submit...
když dám alt="" poličko uplne zmizi...
zdroj obrzázku je v css. U toho submitu musim vyřešit:
ve FF se neroztáhne po celé šířce/výšce, v mozile je nesmyslný černý text který jsem do value nenapsal, ani nikam jinam.. navíc se ukáže nesmyslně jen polovina odesilacího tlačítka... v IE je koem odesilaciho tlačitka taky nesmyslný rámeček,tlačitko je posunuté nahoru a je přes něj nějaký bíly list papíru...

Nemůže ti to korektně fungovat, když vytváříš nesmysl. Takže znovu.

Input type image je toto:

Takže buď chceš udělat type image (viz výše) nebo type submit a ten si pak styluj, dávej mu pozadí přes CSS atd. Stále platí má rada, aby sis u formulářových prvků vynuloval border (rámeček).

8. 8. 2011 20:43:44

https://webtrh.cz/diskuse/problem-s-formularem-kazdy-prohlizec-jiny-vzhled#reply664495

Jakub Hošek

(23 hodnocení)

8. 8. 2011 20:45:36

No dobře, díky... zkusím

jinak co se týče toho popisku, jde uvést alt="" ?

8. 8. 2011 20:45:36

https://webtrh.cz/diskuse/problem-s-formularem-kazdy-prohlizec-jiny-vzhled#reply664494

Ondrej Vertat

(48 hodnocení)

8. 8. 2011 22:09:43

Napsal Z3NTIVA;687041
No dobře, díky... zkusím
jinak co se týče toho popisku, jde uvést alt="" ?

Jde, i když nevím proč ho chceš nechat prázdný. Snižuješ tím použitelnost, navíc ti tam prohlížeč případně dá zase nějaký výchozí popisek. Pokud budeš mít správnou cestu k obrázku (tj. obrázek se načte), tak se alternativní text nezobrazí. Ten je tam pouze pro případ, že se obrázek nenačte.

8. 8. 2011 22:09:43

https://webtrh.cz/diskuse/problem-s-formularem-kazdy-prohlizec-jiny-vzhled#reply664493

Jakub Hošek

(23 hodnocení)

8. 8. 2011 22:25:47

aha, tak dobře, pak by to bylo super :) Tak já to zkusím a napíšu :)

---------- Příspěvek doplněn 08.08.2011 v 23:25 ----------

Super,

v google chrome i FF je to perfektní...

pořad je to ale blby v IE... nevíš co s tím ? :)

Jinak díky, dávám všem tvým příspěvkům kterými si se se mnou trápil +1 :) ... (a i prvnímu příspěvku který sice nepomoh ale i tak dám + 1 za snahu pomoct :) )

---------- Příspěvek doplněn 08.08.2011 v 23:30 ----------

tak ib v IE to je good :) díky moc :)

8. 8. 2011 22:25:47

https://webtrh.cz/diskuse/problem-s-formularem-kazdy-prohlizec-jiny-vzhled#reply664492

Pro odpověď se přihlašte.

Přihlásit