HTML dizaino problema

Sveiki !

Prie kompo praleidžiu labai mažai laiko, bet kartais reikia ! Taigi.. Turiu bėdą. Jau kažkur metus užsiemu HTML dizAinų kodavimu. Viskas labai fainai ir gerai sekasi, tik vat bėda..

**Sūkūriau index.html failą ten viską surašiau ir į style.css failą įdėjau tarkime detalę. Šiuo atveju dėjau lentą. Parodyti norėjau kas čia yra blogai. Nežinau taip su visomis detalėmis.

1) Įkėlus detalę .jpg formatu į dizainą index.html faile ją rodo. Šiuo atveju aš įdėjau originalią foto. Jos matmenys 675x471. Viskas gerai foto rodo.

http://www.part.lt/img/57da255d0ff5b9dd46e6830043b0f8d7467.png

**Dabar prasidės problema

2)Foto dėjau kiek sumažines matmenys ir noriu, kad ji būtu tokia pat pilna, tik mažesnė. Štai rezultatas, jos tiesiog pusė nukertama... Ir taip su visomis fotkėmis !

http://www.part.lt/img/0f06c3d483f3b041a6cb734a2534f4ec39.png

**Dar geriau..

3)Noriu, kad ta nuotrauka būtu didelė. Labai didelė. Tarkime ji taptu tokia ilga ir išsitempusi. Štai padidinu matmenys. Ir kas ? Ji lieka tokia pat, originalaus dydžio.

http://www.part.lt/img/076f9d46f54ee8613c7e96ed38404f01371.png

Nežinau kas yra bet tai jau nusibodo. Nieko negalima koduoti. Nutorauka atrodo normaliai tik originaolaus dydžio, o jau ktiap nieko.

Encoding padarytas į -UTF 8

Panaudok background-size plačiau rasi aprašyta čia: http://www.w3schools.com/cssref/css3_pr_background-size.asp