Ar įmanoma turėti skirtingus borderius?

Ar įmanoma padaryti, kad arkime šoniniai lentelės borderiai viršuje butų stori(tarkim 5px;) ir vis leidžiantis žemyn jie mažėtų, kol apačioj borderio visai neliktų. Įmanoma taip?

p
{
border-top-style:dotted;
border-right-style:solid;
border-bottom-style:dotted;
border-left-style:solid;
}

http://www.w3schools.com/css/css_border.asp

Tik su css nežinau, bet su js, tai nesunkiai, čia tik apatinius borderius padariau ;)

http://jsfiddle.net/N6v78/

Ačiū, bet aš ne tą turėjau omenyje. Štai www.skrendu.lt. Aviebilietų paieškos lentelės borderis yra toks kokį aš norėčiau mokėti pasidaryti :).

Tik su css nežinau, bet su js, tai nesunkiai, čia tik apatinius borderius padariau ;)

 

http://jsfiddle.net/N6v78/

tai, kad tu su JS uždedi CSS taisykles, tai kaip gali neiti su CSS? :)

Ačiū, bet aš ne tą turėjau omenyje. Štai www.skrendu.lt. Aviebilietų paieškos lentelės borderis yra toks kokį aš norėčiau mokėti pasidaryti :).

CSS3 gradiantą naudok :)

http://www.cssmatic.com/gradient-generator#'\-moz\-linear\-gradient\%28left\%2C\%20rgba\%28248\%2C80\%2C50\%2C1\%29\%200\%25\%2C\%20rgba\%28241\%2C111\%2C92\%2C1\%29\%2050\%25\%2C\%20rgba\%28246\%2C41\%2C12\%2C1\%29\%2051\%25\%2C\%20rgba\%28240\%2C47\%2C23\%2C1\%29\%2071\%25\%2C\%20rgba\%28231\%2C56\%2C39\%2C1\%29\%20100\%25\%29\%3B'

tai, kad tu su JS uždedi CSS taisykles, tai kaip gali neiti su CSS? :)

Aš kalbu apie tai, kad tik vien su css :)

Aš kalbu apie tai, kad tik vien su css :)

aš irgi apie tai, kodėl neis su css?

yra tokia taisyklė kaip "nth-child"

aš irgi apie tai, kodėl neis su css?

 

yra tokia taisyklė kaip "nth-child"

O kaip total rows gausi? :)

Ačiū, bet aš ne tą turėjau omenyje. Štai www.skrendu.lt. Aviebilietų paieškos lentelės borderis yra toks kokį aš norėčiau mokėti pasidaryti :).

Jie tiesiog naudoja tokį background'ą http://www.skrendu.lt/flights/img/flight_search.png ir ten div ne lentelė :)

O kaip total rows gausi? :)

šiaip jam nereikėjo to, bet jeigu atsakant į klausimą tai tu jų neišgausi, niekas taip nedaro. O jeigu reikėtų daryti, tai taip, tuomet su js apsižaisti. Bet dažniausiai lentelės su tokio tipo taisyklėmis būna statiškos, kas reiškia, kad taisykles reik aprašyti pačiam, nors galima ir su JS, jeigu ten nieko fancy, bet tarkim užmesti ant kiekvieno rowo skirtingus gradiantus visoms naršyklėms ir dar velniai žino ką juk lengviau su css3?

http://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has

Jie tiesiog naudoja tokį background'ą http://www.skrendu.lt/flights/img/flight_search.png ir ten div ne lentelė :)

bet tokį dalyką gali nesunkiai pasidaryti ir su css3 neįskaitant lėktuvo ir debesų (nors ir juos gali :P)

šiaip jam nereikėjo to, bet jeigu atsakant į klausimą tai tu jų neišgausi, niekas taip nedaro. O jeigu reikėtų daryti, tai taip, tuomet su js apsižaisti. Bet dažniausiai lentelės su tokio tipo taisyklėmis būna statiškos, kas reiškia, kad taisykles reik aprašyti pačiam, nors galima ir su JS, jeigu ten nieko fancy, bet tarkim užmesti ant kiekvieno rowo skirtingus gradiantus visoms naršyklėms ir dar velniai žino ką juk lengviau su css3?

 

http://stackoverflow.com/questions/8720931/can-css-detect-the-number-of-children-an-element-has

 

 

 

bet tokį dalyką gali nesunkiai pasidaryti ir su css3 neįskaitant lėktuvo ir debesų (nors ir juos gali :P)

Tai taip gali, čia sunku pasakyt, ką kada ko jam reikia, kai iš pradžių nepateikė pavyzdžio ;)

Pagooglinus, daug pavyzdžių yra http://jsfiddle.net/284sa/ :)

Tai taip gali, čia sunku pasakyt, ką kada ko jam reikia, kai iš pradžių nepateikė pavyzdžio ;)

 

Pagooglinus, daug pavyzdžių yra http://jsfiddle.net/284sa/ :)

tai yra blogas pavyzdys, kadangi niekur nepaminėta apie pritaikymą daugiau naršyklių. + čia piešia borderius kaip backgroundą, kas nėra gerai, borderius ir turi piešti kaip borderius, tam yra taisyklės.

tai yra blogas pavyzdys, kadangi niekur nepaminėta apie pritaikymą daugiau naršyklių. + čia piešia borderius kaip backgroundą, kas nėra gerai, borderius ir turi piešti kaip borderius, tam yra taisyklės.

Tai pateik pvz, kad nebūtų tokių dalykų ir ant ie9 (ar panašių, mandrų naršyklių) veiktų :)

Sakau, nuo situacijos priklauso, ką kada geriau naudot http://www.impressivewebs.com/css3-support-ie9/

Tai pateik pvz, kad nebūtų tokių dalykų ir ant ie9 (ar panašių, mandrų naršyklių) veiktų :)

-webkit-border-image: -webkit-gradient(linear, left top, left bottom, from(#00abeb), to(#fff), color-stop(0.5, #fff), color-stop(0.5, #66cc00)) 21 30 30 21 repeat repeat;

webkit palaiko nuo chrome 12 border-image. Pasiskaitymui: https://www.webkit.org/blog/1424/css3-gradients/

kokios naršyklės palaiko border-image? http://caniuse.com/#search=border-image

dice variantas yra teisingas ir geresnio jokio nėra. Žaisti su ne visada palaikomu CSS3 yra nesąmonė.

jeigu gręžiotis į praeitį tai tikrai taip, bet dauguma projektų jau nežiūri į tokius variantus, kaip IE8, kuri iškraipo dizainą. Jau keli mėnesiai į praeitį nesigręžioju, iš statistikos matyti, kad prarandama tik ~2% lankytojų, kurie galiu beveik garantuoti, kad vėliau grįžta su kitokia naršykle.

Bet itin aukštos svarbos tinklapiuose, kur 2% reiškia daug, visada atsižvelgiama į juos ir dizainas netgi nepiešiamas su tokiais navarotais. (http://www.policija.lt/, http://www.lrs.lt/ ir kiti tarkim komerciniais sprendimai)

Rašai tik tam kad rašyti. Nieko naujo ^_^

visai kaip tu :rolleyes: