NEDSCHOOLDEV

view_headline menu
yt yt yt

CSS

CSS CSS Uvod CSS Upotreba CSS Boje CSS Pozadine CSS Borders CSS Margine CSS Padding CSS Height/Width CSS Float CSS Tekst CSS Font CSS Poravnanje CSS Linkovi CSS Liste CSS Tabele CSS Ikone








CSS Float

<< >>



Šta određuje CSS Float?


CSS Float određuje način kako će se pozicionirati elementi u odnosu na druge elemente na stranici.

CSS Float se najčešće koristi za određivanje rasporeda elemenata na stranici.


Primjer

Float Left

Float Left



p    { float: left; }
p    { float: right; }



Parametar float može imati neke od sljedećih vrijednosti


left - element se pomjera lijevo u odnosu na ostale elemente (sadržaj).

right - element se pomjera desno u odnosu na ostale elemente (sadržaj).

none - element se nece pomjerati, tj. ostaje na mjestu gdje je prirodno postavljen. (Default vrijednost).

inhert - element nasljeđuje float vrijednost od elementa u kojem se nalazi.



Primjeri parametra float


Primjer - float left


U primjeru ispod možemo vidjeti kako je slika pomjerena lijevo od teksta.


loptaLorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Mauris ante ligula, facilisis sed ornare eu, lobortis in odio. Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac...



Primjer - float right


U primjeru ispod možemo vidjeti kako je slika pomjerena desno od teksta.


loptaLorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget, auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Mauris ante ligula, facilisis sed ornare eu, lobortis in odio. Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi, sed ullamcorper ipsum dignissim ac...



<< >>



© Copyright 2018. nedschool.com