Zväčšovateľný oblý štvorec
Arthur Lugtigheid vytvoril vzor zväčšovateľného štvorca s oblými rohmi.
Nevýhodou jeho príkladu bolo, že štvorec sa zväčšoval iba vertikálne.
Arthur svojich čitateľov vyzval, aby mu pomohli docieliť štvorec
zväčšovať sa aj v horizontálnom smere.
Ukážky sa chytil Alexander Christiaan Jacob a na svete je verzia, ktorá podporuje plné zväčšovanie (aj zmenšovanie) štvorca s oblými rohmi. Zaoblený štvorec sa správne zobrazuje v Mozille a Internet Exploreri.
Oblý štvorček je kódovaný v XHTML 1.1 za použitia elementov dl, dt a dd.
(via 456 Berea Street)
:: 26.11.2004 :: rubrika Web štandardy :: pridal Daniel :: [*] ::
Diskusia:
A je to problém urobiť to? Veď do seba vnorím 4x <div> a každemu nastavím príslušný oblý roh. :)
V tom píklade je to urobené podobne, len to využíva tagy definícií. Každemu tagu priradí odpovedajúci roh. Len podľa mňa to nie je sémanticky správne (i keď validator chybu nehlási). Tag <a> je odkaz a preto by sa ako odkaz mal využívať, nemal by sa používať len kvôli formátovaniu. Veď to je krok späť k HTML. Na to slúžia predsa tagy <div> a <span>!
Napísal Erik Hoffmann [web] dňa 26.11.2004 o 16:22:06
Prave naopak, tag span ma nulovu semanticku hodnotu, o tagu div sa da diskutovat, cakam na jeho nahradenie za section, ale v podstate je to iste.
S pouzitim <a> nesuhlasim, ale je to len jedna moznost.
To s vnorenim x divov je samozrejme mozne, aj ked mne sa take riesenie moc nepaci, lebo je to zbytocny balast v kode.
Napísal dusoft dňa 26.11.2004 o 18:50:26
Ano tag <span> ma nulovu semanticku hodnotu, tak ako div (no flame). Ale ved o to ide, nie? Aku semanticku hodnotu maju okruhle rohy? :)
Ano, vnorenie xxx vela divov nie je velmi kosher, ale napr. tie oble rohy by sa dali urobit napr. takto:
<div class='roh_vpravo_hore'>
<div class='roh_vpravo_hole'>
<h1 class='roh_vlavo_hore'>Nadpis</h1>
<p>1.odstavec</p>
<p>2.odstavec</p>
<p class='roh_vlavo_dole'>3.odstavec</p>
</div>
</div>
Napísal Erik Hoffmann [web] dňa 26.11.2004 o 22:06:35
Uf, omyl. V predoslom priklade ma byt 2. div s classom 'roh_vpravo_dole'.
Napísal Erik Hoffmann [web] dňa 26.11.2004 o 22:08:16
Vid aj napr moj box s okruhlymi rohmi:
http://www.ambience.sk/box-okruhle-rohy-css
To je moje stare riesenie, odvtedy som videl este cistejsi kod XHTML.
Napísal dusoft dňa 27.11.2004 o 00:21:38
Aj to je riesenie. Je tam sice tych divov viac, ale pri oblych rohoch plastickeho layoutu sa bez minimalne 4 obrazkov do pozadia nezaobideme, teda 4 blokove tagy a im nastavene pozadie.
Napísal Erik Hoffmann [web] dňa 27.11.2004 o 01:59:13
RSS zdroj