Vertikalni background

Vertikalni background 10.09.2008. u 12:17 · pre 220 meseci #1

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?

Potpis

Slika govori više od 128K reči.

back.jpg0.63k

Re: Vertikalni background 10.09.2008. u 12:48 · pre 220 meseci #2

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

Potpis

what would master yoda do? your but, kick it, he would.

Re: Vertikalni background 10.09.2008. u 12:55 · pre 220 meseci #3

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?

Potpis

Slika govori više od 128K reči.

Re: Vertikalni background 10.09.2008. u 12:59 · pre 220 meseci #4

Code:

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

Potpis

rafforum.rs - Forum Računarskog Fakulteta

Re: Vertikalni background 10.09.2008. u 13:49 · pre 220 meseci #5

Hvala, sad je u redu.
Pozdrav.

Potpis

Slika govori više od 128K reči.

Re: Vertikalni background 22.09.2008. u 10:07 · pre 220 meseci #6

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.

Re: Vertikalni background 22.09.2008. u 10:14 · pre 220 meseci #7

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)

Potpis

what would master yoda do? your but, kick it, he would.

Re: Vertikalni background 22.09.2008. u 11:30 · pre 220 meseci #8

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

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

Hvala unapred...

Re: Vertikalni background 22.09.2008. u 19:33 · pre 220 meseci #9

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

Potpis

what would master yoda do? your but, kick it, he would.

Re: Vertikalni background 22.09.2008. u 20:05 · pre 220 meseci #10

Hvala na pomoci.

Srodne teme