|
Web dizajn Saveti u vezi dizajna sajtova |
|
Alatke vezane za temu | Vrste prikaza |
27.3.2008, 14:28 | #1 |
Starosedelac
Član od: 15.6.2007.
Lokacija: Amsterdam
Poruke: 1.817
Zahvalnice: 463
Zahvaljeno 310 puta na 230 poruka
|
Horizontalno "pomeranje" slika koristeći CSS
Da li, i kako može da se vrši horizontalno pozicioniranje slika koristeći postojeći CSS fajl? Mada, trebalo bi mi i vertikalno pozicioniranje... Pod pozicioniranje mislim na određivanje pozicije putem nekih "koordinata", ili broja piksela, samo da nije "top" ili "middle" ili slično...
|
27.3.2008, 17:38 | #2 |
ex Laki pingvin
Član od: 28.10.2005.
Lokacija: Kragujevac (Srbija)
Poruke: 2.559
Zahvalnice: 478
Zahvaljeno 880 puta na 488 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
recimo sa
Kod:
position: aboslute; top: 50px; left: 150px; |
Sledeći korisnik se zahvaljuje korisniku urke na korisnoj poruci: | ||
Neky (27.3.2008) |
27.3.2008, 18:51 | #3 |
Starosedelac
Član od: 15.6.2007.
Lokacija: Amsterdam
Poruke: 1.817
Zahvalnice: 463
Zahvaljeno 310 puta na 230 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
Hvala urke. Dakle, u *.css fajl bih upisao nešto ovako:
#slike{ height:240px; width:600px position: absolute; top: 50px left: 150px I muči me prokleti UTF-8...svaki html dokument je pisan za UTF-8 enkodiranje, u CSSu je defenisano da je UTF-8 kompatibilan...ali IE i dalje prikazuje kukice i kvakice umesto č ć š ž đ... Kod:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" keywords=" lalalal, lalala lalala, "/> Kod:
@charset "utf-8"; |
27.3.2008, 19:04 | #4 | ||
Deo inventara foruma
Član od: 5.12.2005.
Poruke: 6.785
Zahvalnice: 348
Zahvaljeno 1.893 puta na 1.078 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
Citat:
Citat:
Dakle u okviru meta taga može da postoji samo opis tipa meta taga i njegova vrednost. Ispravno formulisan meta tag za utf-8 enkoding glasi: Kod:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> Poslednja ispravka: holodoc (27.3.2008 u 19:16) Razlog: Bem ti kvot |
||
Sledećih 2 korisnika se zahvaljuje korisniku holodoc na korisnoj poruci: | ||
Jenkiduduldu (6.4.2008), Neky (27.3.2008) |
27.3.2008, 19:09 | #5 |
Starosedelac
Član od: 15.6.2007.
Lokacija: Amsterdam
Poruke: 1.817
Zahvalnice: 463
Zahvaljeno 310 puta na 230 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
...a hvala i tebi holodoče. Makar sam ovaj html razumeo, no snaći ću se već nekako...nadam se...
|
27.3.2008, 21:08 | #6 |
Starosedelac
Član od: 15.6.2007.
Lokacija: Amsterdam
Poruke: 1.817
Zahvalnice: 463
Zahvaljeno 310 puta na 230 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
Batalio sam CSS jer se i sa HTMLom još mučim donekle. Evo o čemu se radi kod mojih slika.
Zamislio sam da stoje u 2 horizontalna reda, po 5 u svakom. Nešto ovako: http://i25.tinypic.com/2dudch.png Sve slike su inače istih dimenzija. Umesto navedenog oblika, ja dobijem ovakav prikaz: http://i28.tinypic.com/2q369vd.png ili prostije, sve slike iz donjeg reda se naslažu preko druge slike u gornjem redu. Holodoc mi je spominjao "align" samih slika, odnosno da treba biti left. Stavio sam tako, ali ništa, kao ni kod right, niti justify, a ni center. U Firefoxu sve bude prikazano bez ikakvog poravnavanja iz prve, ali IE6 i Opera prave brlje sa gore navedenih slika. Ako bi iko mogao malo da mi pripomogne...ja sam totalno zakuc'o... |
28.3.2008, 1:45 | #7 | |
Novi član
Član od: 1.3.2008.
Poruke: 14
Zahvalnice: 2
Zahvaljeno jedanput na jednoj poruci
|
Re: horizontalno "pomeranje" slika koristeći CSS
Citat:
<table> <tr> <td> slika </td> <td> slika </td> <td> slika </td> <td> slika </td> <td> slika </td> </tr> <tr> <td> slika </td> <td> slika </td> <td> slika </td> <td> slika </td> <td> slika </td> </tr> </table> |
|
Sledeći korisnik se zahvaljuje korisniku j.bojan na korisnoj poruci: | ||
Neky (28.3.2008) |
28.3.2008, 1:54 | #8 |
Starosedelac
Član od: 15.6.2007.
Lokacija: Amsterdam
Poruke: 1.817
Zahvalnice: 463
Zahvaljeno 310 puta na 230 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
Skinuo sam neku java skriptu sa sve tranzicionim efektima, prilagodio je i savršeno sam zadovoljan. Još da mi je neki modem pa da isprobam sve to na raznim konekcijama... Hvala svima na pomoći, može ključić ovde.
|
28.3.2008, 9:34 | #9 |
Deo inventara foruma
Član od: 5.12.2005.
Poruke: 6.785
Zahvalnice: 348
Zahvaljeno 1.893 puta na 1.078 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
A evo i CSS objašnjenja kako da izvedeš ovo što tebi treba.
Kao prvo u centralnom delu potreban ti je po jedan div kontejner za oba reda slika. Znači u centralni deo ubaciš nešto ovog tipa: Kod:
<div id="red1"></div> <div id="red2"></div> Kod:
div#red1 img { float:left; } div#red2 { clear:both; } div#red2 img { float:left; } E sad... Apsolutno se slažem da se baciš na HTML prvo pa da nastaviš sa CSS-om jer ovakvim ubadanjem po potrebi nećeš baš preterano napredovati brzo |
Sledeći korisnik se zahvaljuje korisniku holodoc na korisnoj poruci: | ||
Neky (28.3.2008) |
28.3.2008, 13:23 | #10 |
Starosedelac
Član od: 15.6.2007.
Lokacija: Amsterdam
Poruke: 1.817
Zahvalnice: 463
Zahvaljeno 310 puta na 230 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
Sad si me tek bacio u iskušenje Javascript koji sam ubacio je prelep, jako lepo radi u FF i IE, ali u Operi baš i ne... Ne znam šta da radim sad :S Slažem se za HTML i CSS...prvo prvo, što bi se reklo :=
:edit: Radi i u Operi, ali tek posle refreshovanja stranice. Čudno ali radi, boli me peduuu Jessssssssssssssssssssss Poslednja ispravka: Neky (28.3.2008 u 14:00) Razlog: jessssssssssssss |
28.3.2008, 17:48 | #11 |
Veteran
Član od: 4.12.2005.
Poruke: 1.180
Zahvalnice: 50
Zahvaljeno 214 puta na 130 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
Probaj ipak ovo što ti Holodoc preporučuje. Gde god možeš, treba koristiti HTML+CSS, javascript sve više ljudi izbegava. A i tabele su postale nepoželjne.
Mada ćeš taj problem različitog prikaza u različitim browserima imati uvek (osim ako ne pređeš na flash/actionscript). |
28.3.2008, 18:08 | #12 | |
Deo inventara foruma
Član od: 5.12.2005.
Poruke: 6.785
Zahvalnice: 348
Zahvaljeno 1.893 puta na 1.078 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
Citat:
BTW, iako se tabele danas smatraju nepoželjnim u toku procesa izrade sajta ipak su u nekim slučajevima i dalje nezamenjljive Npr. ponekad se muka izrade nečega što podseća na tabelu u CSS-u jednostavno vremenski ne isplati kada već mogu tabele da se iskoriste. U celoj toj priči najvažnije je da se tabele ispravno stilizuju eksternim CSS fajlovima |
|
6.4.2008, 14:50 | #13 | |
Član
Član od: 9.4.2007.
Lokacija: Somwhere, over the rainbow...
Poruke: 337
Zahvalnice: 99
Zahvaljeno 19 puta na 14 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
Citat:
|
|
6.4.2008, 17:53 | #14 | |
ex Laki pingvin
Član od: 28.10.2005.
Lokacija: Kragujevac (Srbija)
Poruke: 2.559
Zahvalnice: 478
Zahvaljeno 880 puta na 488 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
Citat:
|
|
8.4.2008, 0:19 | #15 | |
Član
Član od: 9.4.2007.
Lokacija: Somwhere, over the rainbow...
Poruke: 337
Zahvalnice: 99
Zahvaljeno 19 puta na 14 poruka
|
Re: horizontalno "pomeranje" slika koristeći CSS
Citat:
|
|
Bookmarks sajtovi |
|
|
Slične teme | ||||
tema | temu započeo | forum | Odgovora | Poslednja poruka |
Bloody Orange | jonathan | Fotografija | 17 | 18.4.2008 18:55 |
spašavanje slika sa memorijske kartice | Aleksandar Tolic | Aplikativni softver | 6 | 9.4.2008 21:54 |
slika sa monitora na TV...rasirena? | emp_m | Grafika | 7 | 21.2.2008 1:19 |
Crno bela slika... | internacional 1 | Kvarovi | 6 | 11.8.2007 18:15 |
Smanjivanje veličine slika za Dail-up... | M1los | Aplikativni softver | 6 | 1.12.2006 20:39 |