Tento blog je v současné době uzavřen.
Pokračování blogu na bloguje.cz jsem zrušil. Pokud budu někdy pokračovat, bude to spíš tady.
Hey,
mister
postman!
To je pořád řečí, že web dělaný jen pomocí CSS je chladný a pravoúhlý. Jistě by neměl být layout pomocí CSS fetišem a CSS by se nemělo zneužívat; ale vždyť se dá pomocí toho udělat leccos hezkého. Třeba si můžete nalepit na web poštovní známku.
Jak se to dělá? Jednoduše, pomocí širokého tečkovaného okraje v barvě okolí bloku.
<div style="width:120px;"><div style=" background:#EEF;color:black; border-width:4px; border-style:dotted; border-color: #FFFFFF; text-align:center"> <p>Hey,</p> <p>mister</p> <p>postman!</p> </div></div>
Aktualizace: Původní konstrukce v IE nefungovala, musel jsem to ošidit matrjoškou. Teď už to nefunguje jen v IE 5.0, což se dalo čekat :-)
Vložit vlastní komentář – Návrat k článku – RSS komentářů tohoto článku
[1] 27. 3. 2004, 01:32 – Yuhů (Odkaz)
V Exploreru mi to nefunguje.
[2] 27. 3. 2004, 10:21 – juneau (Odkaz)
to je pravda, z ie vyleze jen modry obdelnicek. To asi proto, ze neni schopen poradne spolupracovat s dotted, dashed, ... bordery. Zlaty firefoxik.
[3] 27. 3. 2004, 11:52 – Honza Hučín (Odkaz)
Máš pravdu, Yuhů, koneckonců o tom píšeš na jakpsatweb.cz :-) (http://www.jakpsatweb.cz/css/border-style.ht
Je to samozřejmě spíš legrácka a estetická záležitost, její nefunkčnost v IE 5.0 podle mě nevadí ani přístupnosti, ani použitelnosti.
[5] 28. 3. 2004, 10:48 – Honza Hučín (Odkaz)
Ten modrý obdélníček by měl mít na okraji zoubkování jako poštovní známka. Mělo by to fungovat pro IE 5.5 a vyšší a pro moderní prohlížeče (Mozilla, Opera, Safari apod.).
[7] 30. 3. 2004, 16:06 – Honza Hučín (Odkaz)
Řekněme šedomodrý :-)
K tomuto článku není možné vkládat komentáře.
© Honza Hučín 2004–6
Šuplík běží na PIPNI.CZ. Díky!
8. 8. 16:48 | Pepa
7. 8. 21:26 | Honza Hučín
7. 8. 21:02 | Honza
6. 8. 14:29 | Pepa
3. 8. 18:29 | Honza
*1967, absolvent MFF UK v Praze (1991)
statistik, analytik, programátor, učitel, hudebník