CSS Margin i Padding

O nama Ekipa Marketing Suradnja Development blog Userbars Kontakt Prijava Registracija na forum

prohosting

IT VIJESTI

iHrvatska.net - Apple Products Community forum » Predstavljamo Vam novi forum za korisnike Apple-ovih uređaja. iHrvatska.net - Apple Products Community forum je namijenjen razmjeni iskustava, savjeta, te uputa za sve Apple proizvode.

Facebook mijenja povijest » Poznata društvena mreža Facebook ima veliki utjecaj na ponašanje ljudi. Od cjelokupnog broja računala u svijetu jedan značajan postotak njih ima Facebook profile.

Google donira $2 miliona » Najprofitabilnija internet kompanija, Google će obezbjedit $2 miliona pomoći za Wikipediu. Ova donacija objavljena je sredinom ove nedjelje, a poklapa se sa velikom subvencijom za Wikimedia Foundation...

Postanite CroIT Reporter » Sigurno ima dosta posjetitelja našeg sitea koji su nezadovoljni pisanjem članaka. Sad ne govorim o kvaliteti ili kvaniteti članaka jer to Vi procjenjujte, nego govorim o pisanjima novih članaka.

75 miliona Twitter korisnika » Prije nekoliko dana broj Twitter korisnika povećao se na 75 miliona ali brzina porasta korisnika je u padu, a veliki broj ljudi koji su kreirali svoje račune na ovom siteu su neaktivni, navodi se u st...

ANKETA: odgovornost roditelja u svijetu društvenih mreža i Interneta » Internet je danas sredstvo komunikacije, ali njegov razvoj nije atribuirao u našem društvu samo pozitivan učinak: s jedne strane, Internet potiče maksimalnu brzinu razmjene informacija, a sa druge str...

Najčitanije na CroIT Portalu » Evo dragi naši CroIT-ovci predstavljam Vam listu 10 najčitanijih članaka u 2009. godini. Nadam se da ćemo se još jedanput prisjetiti o čemu smo to pisali i što smo to čitali. Evo pa krenimo sa listom...

100 miliona korisnika Facebooka u SAD-u » Vodeća društvena mreža Facebook mjeri preko 350 miliona članova širom svijeta, uspjela je da dođe do uspjeha koji se ogleda u tome da je u SAD u mjesecu studenom dostigla preko 100 miliona ljudi.

Internet slavi 40 godina » Iako postoji veliki upitnik po pitanju toga kada se internet po prvi puta pojavio, veliki broj njih smatra da se on pojavio na današnji dan na univerzitetu u Kaliforniji kada je jedna poruka sa jednog...

Vidi Web Top 100 `09 » Vidi Web Top 100 je već jedanaest godina jedini nacionalni internet natječaj. Prijave su otvorene do 25. listopada. Nominirajte web stranicu danas! // Imate blog, web stranicu, forum, mobilni web i sl...

Home

CSS Margin i Padding

CSS Margin i Padding

Margin i Padding vrlo su korisne stvari u CSS-u i dosta je bitno da razumijete osnovne stvari u vezi njih pošto će vam često trebati. U početku ćet biti možda malo zbunjeni ali uz malo vježbe sve se može :)

Krenut ćemo najprije sa margin (margina)

Margine dakle koristimo kako bi pojedine dijelove stranice pomicali tj. najjednostavnije rečeno određujemo im margine. U sljedećem primjeru ćemo našem Divu postaviti lijevu marginu na 50px tj. pomaknut ćemo taj div
za 50 pixela s lijeva na desno :

#mojdiv1 {
margin-left:50px;
}

Sada ćemo dodati i gornju marginu tj. udaljit ćemo taj div od vrha za 100px ;

#mojdiv1 {
margin-left:50px;
margin-top:100px;
}

PREGLED PRIMJERA

Dakle margine jednostavno rečeno služe za pomicanje određenog elemetna ( najčešće diva ), a sada jedan primjer za padding :

#mojdiv2 {
padding:20px;
width:500px;
}

Dakle ovom gore divu smo postavili padding 20 pixela tj. sadržaj unutar njega smo za 20px odvojili od rubova diva.

Isto kao i kod margina možete postavljali padding za pojedine strane diva :

padding-left
padding-right
padding-top
padding-bottom

Ovo bi bilo sve ukratko o marginama i paddingu i mi smo ih upotrebljavali samo kod Divova ali način na koji se oni koriste bolje ćete razumijeti u jednom od posljednjih tutorijala gdje ćemo vam pokazati kako napraviti jednu jednostavnu HTML + CSS stranicu.

Dodaj kometar

HTML
CSS
PHP
Joomla
Photoshop
MySQL
Wordpress

Cro IT Linkoteka - kvaliteta i kvantiteta linkova

CroIT Facebook group

Prijatelji i suradnici | Ako zelite biti na ovom popisu više možete doznati ovdje!

Reklama

croITportal.com © 2009 | Sva prava pridrzana | Developed by Kabarovsky | Powered by Joomla | O nama | Marketing | Kontakt | Prijava | Registracija