Spoznali bomo
- Kako s CSS pozicioniramo elemente plavajoče ob levi ali desni rob
- Kako prekinemo plavajoče pozicioniranje elementov ob levem ali desnem robu
Izdelaj spletne strani, ki jih prikazujejo spodnje slike in jih poimenuj:
16vaja-css-priimek-ime.html16vaja1-css-priimek-ime.html16vaja2-css-priimek-ime.html
Strani naj bodo izdelane v HTML5 in s CSS. Pazi na pravilno uporabo oznak in obliko zapisa kode.
Za predlogo uporabi 1. stran iz 15. vaje CSS: Pozicioniranje.
CSS kodo vstavi v glavo spletnih strani v oznako style.
1. stran - Float pozicioniranje
Oblikovne lastnosti 1. strani
- z
divelementi sestavi spodnjo stran div-1a,div-1bindiv-1cso znotrajdiv-1div-1ima nastavljeno statično pozicioniranjediv-1aima nastavljeno pozicioniranje float left, širina je 300 pik- vključi generirano besedilo Lorem Ipsum
2. stran - Float pozicioniranje: stolpci
Oblikovne lastnosti 2. strani
- z
divelementi sestavi spodnjo stran div-1a,div-1bindiv-1cso znotrajdiv-1div-1ima nastavljeno statično pozicioniranjediv-1aima nastavljeno pozicioniranje float left, širina je 25 odstotkovdiv-1bima nastavljeno pozicioniranje float left, širina je 25 odstotkovdiv-1cima nastavljeno pozicioniranje float left, širina je 25 odstotkov- vključi generirano besedilo Lorem Ipsum
3. stran - Float pozicioniranje: stolpci in lastnost clear
Oblikovne lastnosti 3. strani
- z
divelementi sestavi spodnjo stran div-1a,div-1bindiv-1cso znotrajdiv-1div-1ima nastavljeno statično pozicioniranjediv-1aima nastavljeno pozicioniranje float left, širina je 25 odstotkovdiv-1bima nastavljeno pozicioniranje float left, širina je 25 odstotkovdiv-1cima nastavljeno pozicioniranje float left, širina je 25 odstotkovdiv-1dima nastavljeno lastnostclear: both- vključi generirano besedilo Lorem Ipsum
