TOPlist

Pixylophone - komentáře

Komentáře (od nejstarších po nejnovější)

Komentáře k příspěvku CSS: Stylování ve formulářích


[1] Vložil(a): Marabu, 2003-04-12, 12:09 Solo | MuteČtenáři: ---

S tim labelem sice mate pravdu ale ma to jednu neprijemnou vlastnost. Klik na label totiz neaktivuje udalosti na tagu input coz v pripade ze nektere veci osetrujete javascriptem cloveka nepotesi. Kazdopadne onclick ani onchange na inputu nic nedela :(

[2] Vložil(a): -potapnik- [web], 2003-04-12, 19:18 Solo | MuteČtenáři: ---

To Marabu: a co onfocus?

To Pixy: ja se bez labelu, fieldsetu a legendu nemuzu obejit uz dost dlouho :-), ale rozhodne nepouzivam [br /], spis vsechny labely a inputy vkladam do paragrafu. Prijde mi to vic semantictejsi nez oddeleni pres [br /].

[3] Vložil(a): pixy, 2003-04-12, 22:07 Solo | MuteČtenáři: ---

Jiste, ja taky pouzivam spis <p> nez <br />, ale nechtel jsem ten priklad prilis komplikovat. Myslim, ze *tady* to zrovna vubec nehraje roli.

[4] Vložil(a): Radovan Árvay, 2003-04-15, 08:29 Solo | MuteČtenáři: ---

No, neviem, ako to bolo s testovaním príkladu, ale mne sa v Netscape 7.0 (nepoužívam ho, ale nedalo mi to, pretože som nedávno formátoval formuláre a v príklade to vyzeralo až veľmi jednoducho) nezobrazí korektne (label objekty nevidím vôbec). Iné prehliadače som neskúšal (okrem IE6).

[5] Vložil(a): pixy, 2003-04-15, 15:44 Solo | MuteČtenáři: ---

Možná má NN7 stejný bug jako zmíněné Camino (to je taky postavené na Gecku) a překryje ty labely inputama... (float bug).

[6] Vložil(a): Mise, 2003-04-16, 16:10 Solo | MuteČtenáři: ---

jeste bych pridal, ze da-li se dvojice label, input to nejakeho tagu, ja bych navrhoval span, lze dosahnout zajimaveho efektu, kombinaci: span { display: block; float: left}, label { display: block;} nebo tak nejak... cely formular je pak orientoven horizontalne misto vertikalne... osobne to povazuju, za peknou ukazku oddeleni struktury od vzhledu s vyuzitim XHTML+CSS...

[7] Vložil(a): Plaváček [web], 2003-06-19, 11:05 Solo | MuteČtenáři: ---

Řešení bugu label v Mozille a NN je jednoduché. Strčte label do DIVU a ten nastavte na float: left. A je vyřešeno.

[8] Vložil(a): Daniel Steigerwald [web], 2005-05-17, 16:19 Solo | MuteČtenáři: ---

Pixyho příklad je opravdu užitečnej, snad jen pár poznámek:
1) tag legend nelze horizontálně zarovnat stejně v IE a Firefoxu což může být problém. Dále při nastavení barvy pozadí fiealdsetu má pozadí tendenci přetékat do legendu
2) Floatované labely mohou svůj obsah nechat přetéct, což se může stát neznáme-li přesně délku obsahu labelu - například v aplikaci s podporou více jazyků, řešení pomocí Pixyho neviditelného hr tagu
class="cleaner" nevím proč, imrvére zabírá pořád nějaký prostor, proto používám div a ten se osvědčil

[9] Vložil(a): Daniel Steigerwald [web], 2005-06-10, 00:39 Solo | MuteČtenáři: ---

A snad ještě dodám:
Stejny margin v IE i FF se da docilit tim, ze jak label tak input floatnem - odstrani se implicitni margin 1px. A float je nejlepsi clearovat na <br class="cleaner" /> ... na konci každého radku.


Váš názor

Přidat nový komentář

Váš komentář

Přidávání komentářů k tomuto příspěvku již bylo ukončeno.

Chcete-li autorovi přesto sdělit nějakou podstatnou informaci, která se příspěvku týká, kontaktujte jej e-mailem.



 RSS 0.9x  Export  RDF  Export  RSS 0.9x  Komentáře  TXT  Komentáře  XHTML 1.0  Validate  W3C  CSS 2.1  Em-web  Resizable  W4D  90% dogmatic

Vygenerováno: [stránka generována dynamicky]