Rounded corners ar CSS/XHTML

[black]

Man vajag, lai DIVam būtu jauki, apaļi stūrīši. Ir apmēram 101 veids, kuru var izmantot, bet es gribētu uzzināt, kuru veidu (un kāpēc) izmantojat tieši jūs.

 

Daži populārākie

1) Izmantojam CSS3 (dažiem browseriem ies, citiem rādīs parastus stūrus)

2) Vajadzīgo DIVu ieliekam 4 citos DIVos, kuram katram ir norādīts savs background-image ar stūrīša attēlu

3) Izmantojam kādu no CSS-only metodēm - pozicionējam vairākus dažādu izmēru DIVus vienu virs otra, lai panāktu vajadzīgo efektu

4) Darām visu to pašu, ko 2) gad., tikai jaunos DIVus liekam ar Javascript (šādi tiek panākts, ka HTML satur tikai semantisku markup)

5) un tā tālāk.

 

Kura metode jūsuprāt ir vislabākā?

[goldy]

2 variants, vienkārši un 100%, nesapratu gan kāpēc ir 4 variants.

[Delfins]

goldy, tāpēc, ka ir forši rakstīt

 

<div id="kakains_div">data</div>

..

<js>add_corners_to_my_div("kakains_div");/js>

[bubu]

goldy: semantisks markups.

[goldy]

aaaaaa, pārstrādājies esmu, vairs ar pirmo reizi nesaprotu

[Kavacky]

A vispār kāda starpība, vai tie div`i tur jau ir, vai tos pieliek ar JS? Kāda razņica, cik semantisks šmemantisks ir kods vados, ja to tāpat pie usera sačakarē?

[Klez]

te pat forumaa bija links (nezinu kuraa teemaa), kaa ar javascript var smuki ziimeet tos stuuriishus..

[KAC]

man iepatikaas shis variants (lai gan paraugs nav smuks), jo shaadaa variantaa borderis tiek veidots no bildeem, to var eerti noraadiit, arii katram divam savu

[hmnc]

standarta xhtml veids, ja tekstu nevajag bāzt iekšā uzreiz pie pašas augšas (tjip radiusa robežās)

<div style="#f00 background: url('sturis_left.gif') no-repeat top left; text-align:right;height:5px;">
<img src="sturis_right.gif" style="height:5px;" />
</div>

[Delfins]

fiksētam DIV-am uz platumu pietiek ar 2 diviem, tas tā.