Kaip sukoduoti backround?

Nesigauna tinklapiui bacgroundo sukoduot. Ir nelabai suprantu tu padding ir margin... ka su jais daryt ir kada naudot. Bandziau taip, bet nesamone gaunasi... gal galit patart ka pakeist, ka darasyt...

 

Jei ka, Backround dydis: 1024 x 1000

 

body {

background-image: url(images/background.jpg);

background-position: center;

background-attachment: fixed;

background-repeat: no-repeat;

background-size: contain;

}

 

Taip parasius, lygtai viskas normaliai, bet kad kazkoks maziukas tas backroundas pasidaro..na ir neturi buti per visa ekrana, bet gaunasi is vis nesamone..

Redagavo Vasario 19, 2013 Triple6

Nesigauna tinklapiui bacgroundo sukoduot. Ir nelabai suprantu tu padding ir margin... ka su jais daryt ir kada naudot. Bandziau taip, bet nesamone gaunasi... gal galit patart ka pakeist, ka darasyt...

 

Jei ka, Backround dydis: 1024 x 1000

 

body {

background-image: url(images/background.jpg);

background-position: center;

background-attachment: fixed;

background-repeat: no-repeat;

background-size: contain;

}

 

Taip parasius, lygtai viskas normaliai, bet kad kazkoks maziukas tas backroundas pasidaro..na ir neturi buti per visa ekrana, bet gaunasi is vis nesamone..

 

O tai Monitorius kokia raiška dirba? Gal didesne nei yra foto ir todėl atrodo kad yra tik vidury. Mažesni monitoriai matys plačiau. Kadais dirbant HTML kodinimo laikais tai buvo tokia bėda ir man. 14 monoitorius rodo gerai o kiti kurie po 17 sutraukia nes raišką didesnę palaikydavo.

http://musicforwork.com/ nori, kad kaip čia būtų?

O tai Monitorius kokia raiška dirba? Gal didesne nei yra foto ir todėl atrodo kad yra tik vidury. Mažesni monitoriai matys plačiau. Kadais dirbant HTML kodinimo laikais tai buvo tokia bėda ir man. 14 monoitorius rodo gerai o kiti kurie po 17 sutraukia nes raišką didesnę palaikydavo.

 

Mano monitorius dirba 1366 x 768

Nelabai supratau, ką bandai padaryti, bet jei tau reikia, kad paveiksliukas užimtų visą foną ir išlaikytų proporcijas (kaip rašė Justinas), bandyk tokį CSS ant html ar body elemento

 

background: url(images/background.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

Tik neužmiršk, kad jei tavo paveiksliukas mažesnis už monitorių, negražiai atrodys. Patarčiau 1920x1080 susirasti. Didesnio nelabai apsimoka, nes labai mažai tokių lankytojų bus, o paveiksliuką ilgiau kraus. Su CSS media query didesniem gali nurodyt, jei turi.

Redagavo Vasario 19, 2013 dayer