{"id":68,"date":"2007-05-21T16:04:28","date_gmt":"2007-05-21T15:04:28","guid":{"rendered":"http:\/\/pixy.cz\/pixynergia\/2007\/problem-prilis-uzkych-tlacitek\/"},"modified":"2007-05-22T09:51:10","modified_gmt":"2007-05-22T08:51:10","slug":"problem-prilis-uzkych-tlacitek","status":"publish","type":"post","link":"https:\/\/www.pixy.cz\/pixynergia\/2007\/05\/21\/problem-prilis-uzkych-tlacitek","title":{"rendered":"Probl\u00e9m p\u0159\u00edli\u0161 \u00fazk\u00fdch tla\u010d\u00edtek"},"content":{"rendered":"\n<p>Kdy\u017e dgx napsal v\u00fdte\u010dn\u00fd a zaj\u00edmav\u00fd <a\nhref=\"http:\/\/www.dgx.cz\/trine\/item\/problem-sirokych-tlacitek-v-ie\">p\u0159\u00edsp\u011bvek\no\u00a0probl\u00e9mech s\u00a0p\u0159\u00edli\u0161 \u0161irok\u00fdmi tla\u010d\u00edtky<\/a>, hned jsem si vzpomn\u011bl na\nprobl\u00e9m p\u0159esn\u011b opa\u010dn\u00fd, s\u00a0n\u00edm\u017e se setk\u00e1v\u00e1m a\u017e nep\u0159\u00edjemn\u011b \u010dasto. To\nkdy\u017e se n\u011bkdo sna\u017e\u00ed ud\u011blat tla\u010d\u00edtka \u00fazk\u00e1 \u00fapln\u011b na doraz a zapom\u00edn\u00e1\np\u0159itom, \u017ee opera\u010dn\u00ed syst\u00e9m \u010di prohl\u00ed\u017ee\u010d mohou pou\u017e\u00edvat\n<em>t\u00e9ma\/skin<\/em>, vykresluj\u00edc\u00ed standardn\u00ed formul\u00e1\u0159ov\u00e9 prvky \u00fapln\u011b\njinak, ne\u017e si neboh\u00fd autor p\u0159edstavuje. U\u00a0tla\u010d\u00edtek tak t\u0159eba m\u016f\u017ee b\u00fdt\npo stran\u00e1ch textu pot\u0159eba v\u00fdrazn\u011b v\u011bt\u0161\u00ed prostor kv\u016fli jejich\nzaoblen\u00ed.<\/p>\n\n<p><img id=\"image67\" class=\"floatleft\"\nsrc=\"http:\/\/pixy.cz\/pixynergia\/wp-content\/uploads\/2007\/05\/btns.png\"\nalt=\"uk\u00e1zzky form\u00e1tov\u00e1n\u00ed p\u0159\u00edli\u0161 \u00fazk\u00fdch tla\u010d\u00edtek\" \/> <em>Uk\u00e1zky jsou\nz\u00a0web\u016f <a href=\"http:\/\/www.kava.cz\">kava.cz<\/a> a <a\nhref=\"http:\/\/www.alza.cz\">alza.cz<\/a> v\u00a0prohl\u00ed\u017ee\u010d\u00edch Safari a Firefox na\nMac OS X. Standardn\u00ed obl\u00e1 tla\u010d\u00edtka poch\u00e1zej\u00edc\u00ed z\u00a0grafick\u00e9ho rozhran\u00ed\n(GUI) Aqua v\u00a0Mac OS X pou\u017e\u00edv\u00e1 krom\u011b Safari i\u00a0mnoho dal\u0161\u00edch\nprohl\u00ed\u017ee\u010d\u016f (nap\u0159. Camino, prohl\u00ed\u017ee\u010d na j\u00e1d\u0159e Gecko). B\u011b\u017en\u00fd Firefox\nov\u0161em syst\u00e9mov\u00e9 GUI nepou\u017e\u00edv\u00e1, v\u0161echny formul\u00e1\u0159ov\u00e9 prvky vykresluje\ns\u00e1m (proto tak\u00e9 p\u016fsob\u00ed na macu pon\u011bkud cize a nepat\u0159i\u010dn\u011b) a tla\u010d\u00edtka\nzobrazuje v\u017edy hranat\u00e1. Kdyby byl v\u00a0t\u011bchto p\u0159\u00edpadech pou\u017eit prvek\n<code>&lt;button&gt;<\/code>, vypadala by tla\u010d\u00edtka na v\u0161ech uk\u00e1zk\u00e1ch stejn\u011b\na byla by pou\u017eiteln\u00e1 ve v\u0161ech prohl\u00ed\u017ee\u010d\u00edch.<\/em><\/p>\n\n<p>\u0158e\u0161en\u00ed je tedy o\u010dek\u00e1van\u011b jednoduch\u00e9: nedefinujte prvk\u016fm\n<code>&lt;input type=\"submit\"&gt;<\/code> \u0161\u00ed\u0159ku, nechejte to na prohl\u00ed\u017ee\u010di.\nPokud je opravdu \u017eivotn\u011b nezbytn\u00e9 \u0161\u00ed\u0159ku n\u011bjak omezit, definujte ji\nrozhodn\u011b v\u00a0<em>em<\/em> a po\u010d\u00edtejte s\u00a0dostate\u010dnou rezervou (p\u0159i\u010dt\u011bte\n1\u20132em). A\u00a0na tla\u010d\u00edtkov\u00e9 specialitky, jako netypick\u00e9 tvary, tla\u010d\u00edtka\ns\u00a0obr\u00e1zkem, velmi \u00fazk\u00e1 tla\u010d\u00edtka \u010di vy\u017eadovan\u00e9 exaktn\u00ed rozm\u011bry,\npou\u017e\u00edvejte prvek <code>&lt;button&gt;<\/code>\u00a0\u2013 p\u0159esn\u011b kv\u016fli tomu v\u00a0HTML\nexistuje.<\/p>\n\n<p><strong>Standardn\u00ed formul\u00e1\u0159ov\u00e9 tla\u010d\u00edtko <code>&lt;input&gt;<\/code>\nm\u016f\u017ee prohl\u00ed\u017ee\u010d vykreslovat i\u00a0velmi netypicky a nemus\u00ed ani umo\u017enit jeho\nstylov\u00e1n\u00ed, ale tla\u010d\u00edtko <code>&lt;button&gt;<\/code> se mus\u00ed vykreslit jako\nobd\u00e9ln\u00edk a k\u00a0jak\u00e9mukoli stylov\u00e1n\u00ed je v\u017edy ochotno.<\/strong><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Kdy\u017e dgx napsal v\u00fdte\u010dn\u00fd a zaj\u00edmav\u00fd p\u0159\u00edsp\u011bvek o\u00a0probl\u00e9mech s\u00a0p\u0159\u00edli\u0161 \u0161irok\u00fdmi tla\u010d\u00edtky, hned jsem si vzpomn\u011bl na probl\u00e9m p\u0159esn\u011b opa\u010dn\u00fd, s\u00a0n\u00edm\u017e se setk\u00e1v\u00e1m a\u017e nep\u0159\u00edjemn\u011b \u010dasto. To kdy\u017e se n\u011bkdo sna\u017e\u00ed ud\u011blat tla\u010d\u00edtka \u00fazk\u00e1 \u00fapln\u011b na doraz a zapom\u00edn\u00e1 p\u0159itom, \u017ee opera\u010dn\u00ed syst\u00e9m \u010di prohl\u00ed\u017ee\u010d mohou pou\u017e\u00edvat t\u00e9ma\/skin, vykresluj\u00edc\u00ed standardn\u00ed formul\u00e1\u0159ov\u00e9 prvky \u00fapln\u011b jinak, ne\u017e si &hellip; <a href=\"https:\/\/www.pixy.cz\/pixynergia\/2007\/05\/21\/problem-prilis-uzkych-tlacitek\" class=\"more-link\">Pokra\u010dov\u00e1n\u00ed textu <span class=\"screen-reader-text\">Probl\u00e9m p\u0159\u00edli\u0161 \u00fazk\u00fdch tla\u010d\u00edtek<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4],"tags":[],"class_list":["post-68","post","type-post","status-publish","format-standard","hentry","category-webdesign"],"_links":{"self":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts\/68","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/comments?post=68"}],"version-history":[{"count":0,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/posts\/68\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/media?parent=68"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/categories?post=68"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pixy.cz\/pixynergia\/wp-json\/wp\/v2\/tags?post=68"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}