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

CSS pozicioniranje vise slika

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

[ Pregleda: 3685 | Odgovora: 5 ] > FB > Twit

Postavi temu Odgovori

Autor

Pretraga teme: Traži
Markiranje Štampanje RSS

che_beograd

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



Profil

icon CSS pozicioniranje vise slika10.04.2007. u 14:34 - pre 206 meseci
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?
 
Odgovor na temu

Max Payne
Max Payne
Beograd

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



+6 Profil

icon Re: CSS pozicioniranje vise slika11.04.2007. u 15:11 - pre 206 meseci
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?
 
Odgovor na temu

Reformator
reSabi Studio, Web dizajner
(Virtuelna) Srbija

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

Sajt: resabi.com


+1 Profil

icon Re: CSS pozicioniranje vise slika11.04.2007. u 15:15 - pre 206 meseci
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)
 
Odgovor na temu

che_beograd

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



Profil

icon Re: CSS pozicioniranje vise slika12.04.2007. u 16:43 - pre 206 meseci
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.
 
Odgovor na temu

Zed Mc Jack
Programer
Bečej

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

Sajt: www.subakov.com


Profil

icon Re: CSS pozicioniranje vise slika13.04.2007. u 12:43 - pre 206 meseci
Svaka čast, ovo je i meni trebalo
www.subakov.com Jedini Visual FoxPro sajt u Srbiji
 
Odgovor na temu

SrkoS
Kostic Srdjan
Pirot

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

ICQ: 45298893


Profil

icon Re: CSS pozicioniranje vise slika15.04.2007. u 12:07 - pre 206 meseci
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
 
Odgovor na temu

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

[ Pregleda: 3685 | Odgovora: 5 ] > FB > Twit

Postavi temu Odgovori

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