Prijava na forum:
Ime:
Lozinka:
Prijavi me trajno:
Trajanje:
Registruj nalog:
Ime:
Lozinka:
Ponovi Lozinku:
E-mail:

ConQUIZtador
nazadnapred
Korisnici koji su trenutno na forumu 0 članova i 0 gostiju pregledaju ovu temu.


Tema za pitanja
o SMF forumu, phpBB2 i phpBB3 forumu, Wordpress i Joomla CMS sistemima!

Za vecinu drugih pitanja nacicete odgovor citajuci Top teme!

Idi dole
Stranice:
Počni novu temu Nova anketa Odgovor Štampaj Dodaj temu u favorite Pogledajte svoje poruke u temi
Tema: više slika na stranici html/css  (Pročitano 981 puta)
25. Feb 2012, 22:25:43
Ucesnik diskusija


ah

Zodijak Pisces
Pol Muškarac
Poruke 99
Zastava beograd
Browser
Chrome 17.0.963.56
mob
Nokia 
Pozdrav,    treba mi pomoć oko pozadine i slika:
ne znam kako da postavim više slika na jednoj stranici i da pozicijoniram kako hoću!?

Evo par primera sa kojima sam pokušao:
CSS:
html {
   background: url(pozadina.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}                                               
body {background-image: url(naocare.jpg); background-position: right; background-repeat: no-repeat;}-ovde nece ni da postavi jednu sliku, niti da je pozicijonira!
.slika {background-image: url(naocare1.jpg); height: 150px;}-ovde neće da prikaze sliku!

<!DOCTYPE html PUBLIC>
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="stil.css" media="all" />
</HEAD>
<BODY>
<img src="majica.jpg">
<div class="slika">
</div>
<img src="naocare.jpg">ovde hoce da prikare sliku ali ne mogu da je pozicijoniram u css; to je samo html!
</BODY>
</HTML>
Ispravka uspeo sam do mene je bila graška sory.
Mene intresuje kako vi postavljate slike i pozicijonirate (i kako vršite podešavanja do sitnih detalja-padding) hvala
« Poslednja izmena: 25. Feb 2012, 23:10:47 od svitak »
IP sačuvana
social share
Pogledaj profil WWW Twitter Facebook
 
Prijava na forum:
Ime:
Lozinka:
Zelim biti prijavljen:
Trajanje:
Registruj nalog:
Ime:
Lozinka:
Ponovi Lozinku:
E-mail:
Zvezda u usponu


Go ahead, make my day

Zodijak Capricorn
Pol Muškarac
Poruke 1430
Zastava Београд
OS
Windows 7
Browser
Chrome 17.0.963.56
Pozdrav,    treba mi pomoć oko pozadine i slika:
ne znam kako da postavim više slika na jednoj stranici i da pozicijoniram kako hoću!?

Evo par primera sa kojima sam pokušao:
CSS:
html {
   background: url(pozadina.jpg) no-repeat center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}                                               
body {background-image: url(naocare.jpg); background-position: right; background-repeat: no-repeat;}-ovde nece ni da postavi jednu sliku, niti da je pozicijonira!
.slika {background-image: url(naocare1.jpg); height: 150px;}-ovde neće da prikaze sliku!

<!DOCTYPE html PUBLIC>
<HTML>
<HEAD>
<link rel="stylesheet" type="text/css" href="stil.css" media="all" />
</HEAD>
<BODY>
<img src="majica.jpg">
<div class="slika">
</div>
<img src="naocare.jpg">ovde hoce da prikare sliku ali ne mogu da je pozicijoniram u css; to je samo html!
</BODY>
</HTML>
Ispravka uspeo sam do mene je bila graška sory.
Mene intresuje kako vi postavljate slike i pozicijonirate (i kako vršite podešavanja do sitnih detalja-padding) hvala

Slobodno slike ubaci u div, npr.

Kod:
<div class="slika"><img src="naocare.jpg" alt="Naocare" /></div>
Onda u CSS sredi taj div, daj mu karakteristike, npr:

Kod:
.slika {
     float: left;
     width: 300px;
     padding: 10px;
     margin: 0px 20px 0px 0px;
     }
Ovo ti je samo primer, pokusaj da izbegavas da dodajes slike an stranicu a da je ne stavis u neki div (uostalom videces vremenom i sam da je jednostavnije). Isto, pokusaj da ne dodajes slike preko css-a ako bas ne moras (kao background), losa ti je ideja da imas prazan div i onda da mu dodelis pozadinu preko css-a. I to ces vremenom da razumes zasto  Smile

ako bas moras, pokusaj da uprostis kod, pa umesto tvog:

Kod:
body {background-image: url(naocare.jpg); background-position: right; background-repeat: no-repeat;}
uradi:

Kod:
body { background: url(naocare.jpg) no-repeat right; }
IP sačuvana
social share
Go ahead, make your bed
Pogledaj profil Skype Twitter
 
Prijava na forum:
Ime:
Lozinka:
Zelim biti prijavljen:
Trajanje:
Registruj nalog:
Ime:
Lozinka:
Ponovi Lozinku:
E-mail:
Idi gore
Stranice:
Počni novu temu Nova anketa Odgovor Štampaj Dodaj temu u favorite Pogledajte svoje poruke u temi
nazadnapred
Prebaci se na:  

Poslednji odgovor u temi napisan je pre više od 6 meseci.  

Temu ne bi trebalo "iskopavati" osim u slučaju da imate nešto važno da dodate. Ako ipak želite napisati komentar, kliknite na dugme "Odgovori" u meniju iznad ove poruke. Postoje teme kod kojih su odgovori dobrodošli bez obzira na to koliko je vremena od prošlog prošlo. Npr. teme o određenom piscu, knjizi, muzičaru, glumcu i sl. Nemojte da vas ovaj spisak ograničava, ali nemojte ni pisati na teme koje su završena priča.

web design

Forum Info: Banneri Foruma :: Burek Toolbar :: Burek Prodavnica :: Burek Quiz :: Najcesca pitanja :: Tim Foruma :: Prijava zloupotrebe

Izvori vesti: Blic :: Wikipedia :: Mondo :: Press :: Naša mreža :: Sportska Centrala :: Glas Javnosti :: Kurir :: Mikro :: B92 Sport :: RTS :: Danas

Prijatelji foruma: Triviador :: Nova godina Beograd :: nova godina restorani :: FTW.rs :: MojaPijaca :: Pojacalo :: 011info :: Burgos :: Sudski tumač Novi Beograd

Pravne Informacije: Pravilnik Foruma :: Politika privatnosti :: Uslovi koriscenja :: O nama :: Marketing :: Kontakt :: Sitemap

All content on this website is property of "Burek.com" and, as such, they may not be used on other websites without written permission.

Copyright © 2002- "Burek.com", all rights reserved. Performance: 0.075 sec za 16 q. Powered by: SMF. © 2005, Simple Machines LLC.