CSS - ciarkovy ramcek s oblymi rohmi

hugo123:
border a border-radius

Aby to fungovalo všude, použij obrázek.

hugo123:
rámeček s kulatými rohy. Ty obrázky budou 3 (pokud znáš šířku), nebo 6, pokud má být šířka dynamická.

Osobně bych se „fungovalo všude“ asi neřídil. Když ten roh nebude kulatý, tak se nic moc strašného nestane.

Reaguji na Str4wberryho:
Ale půlka lidí to uvidí jinak. Bude to vypadat lépe nekulaté, nebo kulaté, nebo je to jedno? Pokud to není jedno, proč by to půlka lidí měla vidět lépe?


Reaguji na panthera:
„Ty obrázky budou 3 (pokud znáš šířku)“
Šly by seskládat do jednoho obrázku, z něhož by se ukazovaly různé části pomocí background-position.


Reaguji na huga123:
„ale co bude na tom obraku?“
Návodů jsou na internetu mraky, stačí hledat. Kulaté rohy se mnoho let dělaly bez použití vlastnosti border-radius a ty staré způsoby nepřestaly fungovat.

Chamurappi:
„Šly by seskládat do jednoho obrázku, z něhož by se ukazovaly různé části pomocí background-position.“
samozřejmě :-) Nemyslím si, že je nutné motat začátečníkovi hlavu nějakými sprity, ke kterým by časem došel sám. Pro pochopení situace jsou lepší 3 obrázky.

hugo123:
„S 3 obrazkami bude treba mat az 3 divy nie?“
nebo tři <b>. Nebo cokoliv jiného. Nebo využij některé stávající elementy.

„To mi prijde ako velmi neefektivne“
proč? Na počtu divů (ani jiných sémanticky nulových) elementů nezáleží.

Reaguji na huga123:
„To mi prijde ako velmi neefektivne“
V jakém smyslu? Pocítí návštěvník, že tam je o dva elementy navíc? Je obtížné napsat <div><div><div></div></div></div>? Je to velmi obtížné?
Neexistuje efektivnější způsob, jak udělat kulaté rohy, které fungují všem stejně. Ani prohlížeče podporující border-radius se ve způsobu vykreslování čárkovaných oblouků neshodnou.


Reaguji na panthera:
Práce s background-position není zase taková věda a s jedním obrázkem se jednodušeji pracuje, než se třemi (když by chtěl třeba ten okraj přebarvit). Když už nechce pracovat neefektivně… :-)