8 replies to this topic

[cyberwor/L/d]

Da li neko zna i rad je da mi kaze sta i gde treba da turim u (pretpostavljam) CSS da bi umesto ove bele pozadine (van body?) uspela da utaknem sliku u pozadini?


Ovako izgleda moj pocetnicki mucenicki CSS.

Spoiler

body {

font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #000;


}
#wrapper {
margin: 0 auto;
width: 822px;


}
#header {
color: #fff;
width: 800px;
float: left;
padding: 10px;
border: 1px solid #ccc;
height: 100px;
margin: 10px 0px 5px 0px;
background: #350c94;
}
#leftcolumn {
color: #333;
border: 1px solid #ccc;
background: #fff;
margin: 0px 5px 5px 0px;
padding: 10px;
height: 550px;
width: 578px;
float: left;
}
#rightcolumn {
float: right;
color: #333;
border: 1px solid #ccc;
background: #fff;
margin: 0px 0px 5px 0px;
padding: 10px;
height: 550px;
width: 195px;
display: inline;
}
#footer {
width: 800px;
clear: both;
color: #fff;
border: 1px solid #ccc;
background: #350c94;
margin: 0px 0px 10px 0px;
padding: 10px;
}

Attached Files

•  layout.jpg   59.34KB   11 downloads

[steva8lfc]

Stavi u body
background-image: url(ovde ide putanja do slike/nesto.jpg);


p.s. Mozes staviti posle te naredbe i background-repeat: no-repeat; (zakljucujes, ovaj atribut stavljas ako hoces da se osiguras da ti se slika nece ponavljati)

Edited by steva8lfc, 22 November 2011 - 15:43.

[cyberwor/L/d]

Stavi u body
background-image: url(ovde ide putanja do slike/nesto.jpg);


p.s. Mozes staviti posle te naredbe i background-repeat: no-repeat; (zakljucujes, ovaj atribut stavljas ako hoces da se osiguras da ti se slika nece ponavljati)

Hvala ti!

Ali imam osecaj da bi trebala malo bolje da objasnim sta hocu pre nego sto nacisto zabrljam. (ovo su za mene spanska sela)

Mislila sam na sliku koja se ponavlja (kao u prilozenom primeru) a koja treba da bude na povrsini koja okruzuje
header, leftcoumn, rightcolumn & footer (nazvrljala sam crvenim tu povrsinu na prilozenoj fotki).
Kako se uopste zove ta povrsina? Jel to nesto povezano sa onim #wrapper koji imam u .css?
Nabadam kao corava koka pa pre ili kasnije ubodem ponesto. Ali ovo me bas muci.

Gde i sta u .css a gde i sta (eventualno) u .html?

Attached Files

•  background_repeat.jpg   207.5KB   4 downloads
•  layout - Kopia.jpg   236.97KB   4 downloads

Edited by cyberwor/L/d, 22 November 2011 - 16:25.

[steva8lfc]

Ne mogu sa sigurnoscu da ti kazem posto ne vidim html kod ali pretpostavljam da je taj wrapper ID div-a koji sadrzi ostala cetiri div-a?
Ako je tako, onda ti taj div dodje kao kontejner koji sadrzi ostale div-ove i onda, kada pogledas siru sliku, ti u stvari imas body (to ti dodje ceo beli ekran) i taj div wrapper koji sadrzi sve ostale div-ove. Sad, ako ti stavis background-image u body on ce preko celog ekrana staviti tu sliku (ili ce da je ponavlja dok ne popuni ceo ekran) ali ona ce se videti samo na onim mestima gde nema wapper-a posto mu taj div dodje kao layer prelepljen preko body-ja u zadatim dimenzijama.

Razumes sta hocu da ti kazem? (naravno ovo sve vazi ako je wapper ono sto mislim da jeste )

[cyberwor/L/d]

Stevo, pravo si srce!

Odlicno si mi objasnio i ja sam otrpilike i zamisljala tako nekako da treba da bude (logicno je).

I znas zasto sam kiksnula? Zbog bagatele, po obicaju. Tako mi se uvek najprostija stvar zakomlikuje jer zaboravim na neku "sitnicu".
Tacno je tako kako si rekao a razlog zasto mi nije uspevalo je taj sto nisam pravilno opisala put do slike. I kako onda da mi uspe zamisao?

Zaboravila da napisem "images". Zato satima lupam glavu. Tek mi malopre sinulo!

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


Jos jednom - HVALA ti na strpljenju!

[steva8lfc]

Nema na cemu

p.s. Ja takodje imam tu boljku, najlakse je pogresiti na najlaksim stvarima

[cyberwor/L/d]

Ajd sto pogresim jer previdim ili zaboravim neku "kukicu", nego sto onda krenem da trazim gresku na pogresnom mestu
pa razgranam problem i pocnem da brljam i po drugim stvarima.

No tako se nesto i nauci. Zapravo, brljajuci sam i naucila tom sto sam do sada naucila o ovim stvarima.

[steva8lfc]

No tako se nesto i nauci. Zapravo, brljajuci sam i naucila tom sto sam do sada naucila o ovim stvarima.

Ne znam da li znas ali na w3schools imas odlicne tutorijale tako da ih obavezno poseti ako te to vec zanima, sta vise ja sam prosle godine odatle spremao ispit.

[asmfetsh]

I <html> je tag koji moze da se oblikuje CSS-om, tako da mozes da imas razlicite pozadine za <html> i <body>. Uz malo eksperimentisanja sa providnoscu, mozes da napravis neke interesantne stvari...
www.idesigncss.com