Jump to content
php.lv forumi

Rounded corners ar CSS/XHTML


black

Recommended Posts

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ā?

Link to comment
Share on other sites

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>

Link to comment
Share on other sites

×
×
  • Create New...