Srodne teme
Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.

CSS pozicioniranje vise slika

[es] :: Web dizajn i CSS :: CSS pozicioniranje vise slika

[ Pregleda: 1054 | Odgovora: 5 ]

 Postavi temu Odgovori

Autor
Pretraga teme: Traži
Markiranje Štampanje RSS

che_beograd

Član broj: 74263
Poruke: 44
*.ptt.yu.



Profil

icon CSS pozicioniranje vise slika10.04.2007. u 14:34

Interesuje me kako da pozicioniram 2 ili vise slika a da se nezavisno krecu od prve postavljene.Ipisao sam u dreamweaveru sledeci kod:

<style type="text/css">
<!--
body {
background-color: #CCCCCC;
}
img
{
position:absolute;
list-style-image: url(slika.jpg);
left: 100px;
top: 10px;
}

-->
</style>

I sta sad da radim za sledecu sliku?Kada dodam u img ili napravim img1 opet se krece zajedno sa slika.jpg.Gde gresim?
10.04.2007. u 14:34 

Max Payne
Beograd

Član broj: 58800
Poruke: 242
*.adsl.verat.net.



Profil

icon Re: CSS pozicioniranje vise slika11.04.2007. u 15:11
Citat:

{
position:absolute;
list-style-image: url(slika.jpg);
left: 100px;
top: 10px;
}

-->
</style>

I sta sad da radim za sledecu sliku?Kada dodam u img ili napravim img1 opet se krece zajedno sa slika.jpg.Gde gresim?


Pa, koliko se ja razumem, pozicionirao si apsolutno img. To bi trebalo da znaci da ako imas 100 slika, sve ce biti jedna na drugoj na toj poziciji, top: 10px; left 100px;
Sta tacno hoces da uradis, kako da se krecu te slike, i koliko ih ima?
11.04.2007. u 15:11 

Reformator
Ocili, Webmaster
Na Ocilima

Član broj: 141781
Poruke: 26
*.dynamic.sbb.co.yu.

Sajt: www.ocili.com


Profil

icon Re: CSS pozicioniranje vise slika11.04.2007. u 15:15
Zanimljiva tema, nadam se da će uskoro neko odgovoriti, i meni treba ovo.

Ps: palo mi je na pamet da ako već koristiš
Code:
position:absolute;

da bi onda jednostavno mogao ili u sledećem redu ili u sledećem tagu da dodaš

Code:
left: 200px;
top: 10px;


(narano računajući da ti je prva slika široka 100px)
Ocili Forum | Pixoteka (Ocili Galerija) | Ocili Chat | Ocili Oglasi
11.04.2007. u 15:15 

che_beograd

Član broj: 74263
Poruke: 44
*.ptt.yu.



Profil

icon Re: CSS pozicioniranje vise slika12.04.2007. u 16:43
Resio sam problem.Potrebno je za svaku sliku formirati drugu klasu i ne koristiti img vec npr:
.slika1
{
position:absolute;
left: 100px;
top: 10px;
}
.slika2
{
position:absolute;
left: 200px;
top: 10px;
}

Onda se svakoj slici dodeli odredjena klasa (class u dreamweaveru).Medjutim,dogadja mi se da sve lepo podesim u dreamweaveru ali mi slike pobegnu levo ili desno od pozadine.Pretpostavljam da mi nesto nedostaje,verovatno margine ali nisam siguran.
12.04.2007. u 16:43 

Zed Mc Jack
Bečej

Član broj: 93120
Poruke: 136
*.adanet.co.yu.

Sajt: www.subakov.com


Profil

icon Re: CSS pozicioniranje vise slika13.04.2007. u 12:43
Svaka čast, ovo je i meni trebalo
www.subakov.com Jedini Visual FoxPro sajt u Srbiji
13.04.2007. u 12:43 

SrkoS
Kostic Srdjan
Pirot

Član broj: 2845
Poruke: 50
*.dynamic.sbb.co.yu.

ICQ: 45298893


Profil

icon Re: CSS pozicioniranje vise slika15.04.2007. u 12:07
Citat:
che_beograd: Resio sam problem.Potrebno je za svaku sliku formirati drugu klasu i ne koristiti img vec npr:
Medjutim,dogadja mi se da sve lepo podesim u dreamweaveru ali mi slike pobegnu levo ili desno od pozadine.Pretpostavljam da mi nesto nedostaje,verovatno margine ali nisam siguran.


DW, koliko sam ja primetio, nije baš WYSIWYG (kad je css2 u pitanju).
Ali kada se strana pregleda u browser-ima sve je (relativno) ok.

Koliko si hteo slika da staviš na strani?
Ako želiš prikaz više slika (kao npr. thumbnails)
možda ti je bolje da u jednom div kontejneru,
staviš slike kao float:left + width: koji odgovara.

verovatno to rešenje već ima negde na forumu...

Pozdrav
Srđan
15.04.2007. u 12:07 

[es] :: Web dizajn i CSS :: CSS pozicioniranje vise slika

[ Pregleda: 1054 | Odgovora: 5 ]

 Postavi temu Odgovori

Srodne teme
Navigacija
Lista poslednjih: 16, 32, 64, 128 poruka.