13.12.2006.

blog img

 Zelite li da slika koju dodajete u post bude prikazana u vecem/manjem fomatu, ima okvir, ima odredjenu podlogu, bude vise/manje udaljena od teksta, bude prikazana na desnoj/lijevoj strani rjesenje je definisanje #blog img sa odgovarajucim atributima u css dijelu HTML koda.


Primjer:

#blog { width: 490px; float: left; font-size:12px; padding:20px; color:#fff; background-color: #526685; }

#blog img { width:250px; margin: 0px 20px 10px 10px !important; padding: 15px; border: 2px dotted #FFF; background: #6FBBD9; display: block; float: right; }

U navedenom primjeru width:250px oznacava sirinu slike (takodje se moze koristiti atribut height za definisanje duzine slike, no pozeljno je koristiti samo jedan od ovih atributa zbog razlicitih velicina slika); margin odredjuje prazan prostor oko slike gore, desno, dole i lijevo; padding odredjuje koliko je slika odmaknuta od background-a; border se odnosi na okvir slike, debljinu okvira, vrstu linije (none / hidden / dotted / dashed / solid / double / groove / ridge / inset / outset) i boju okvira; background je pozadina na kojoj se nalazi slika (moze biti neka boja ili slika).


Get your own Chat Box! Go Large!