Vertikalni background

[ Ser_Boyler @ 10.09.2008. 12:17 ] @

Kako da postavim vertikalnu pozadinu, a koja bi imala strafte recimo jedna 300px, druga 50px itd i to tako da bude vidljiva u svim rezolucijama?
Moze li se tako nesto napraviti?

[ NeonDragon @ 10.09.2008. 12:48 ] @

ako ti tag ima klasu element, onda bi to ovako izgledalo:

.element {
background: url(putanjadoslike) repeat-y;
}

e, sad, ako hoćeš da centriraš pozadinu, posle zagrade dodaš i center

[ Ser_Boyler @ 10.09.2008. 12:55 ] @

Ok, tako sam i uradio, ali sve izvan ove slike (levo i desno) mi ostaje sa belom pozadinom.
Ima li nacina da postavim pozadinu u jednoj boji, a onda preko nje nalepiti ovu sliku koja se vertikalno ponavlja?

[ Aleksandar Ružičić @ 10.09.2008. 12:59 ] @

Code:

body
{
background: blue url(putanja/dp/slike.png) repeat-y;
}

[ Ser_Boyler @ 10.09.2008. 13:49 ] @

Hvala, sad je u redu.
Pozdrav.

[ Exodusbgd @ 22.09.2008. 10:07 ] @

Može li meni neko pomoći...

Stavim repeat tako neke male slike, i to je OK. Ali šta kada dođe do kraja stranice, a ja hoću da se ubaci neka druga sličica, npr. završetak content diva.

[ NeonDragon @ 22.09.2008. 10:14 ] @

e, onda napraviš ovako:

Code:
<div class="element">
   <div class="krajdiva">
       sadržaj
   </div>
</div>

gde ti je .element klasa pomoću koje tile-uješ, a .krajdiva je klasa u koju dodaš tu sliku za kraj diva (i padding na dnu da bi ti prikazao sliku)

[ Exodusbgd @ 22.09.2008. 11:30 ] @

Hmmmm... pomalo plastično objasnjeno....

Ovo mi je prvi sajt, tako da.....može malo više css koda?

Hvala unapred...

[ NeonDragon @ 22.09.2008. 19:33 ] @

izvini, žurio sam... evo kako bi trebalo da izgleda:

HTML

Code:
<div id="content-outer">
    <div id="content-inner">
        Sadržaj, tekst, slike, etc.
    </div>
</div>

CSS

Code:

#content-outer {
background-image: url(tile-ovana slika); /* putanja do slike */
background-repeat: repeat-y; /* za vertikalni repeat */
}

#content-inner {
background-image: url(donja ivica); /* putanja do slike */
height: 10px; /* zameni kolika ti je visina slike */
}

to bi otprilike bilo to

[ Exodusbgd @ 22.09.2008. 20:05 ] @

Hvala na pomoci.