Spoznali bomo
- Kako s CSS besedilo razporedimo v stolpce
Izdelaj spletne strani, ki jih prikazujejo spodnje slike in video. Strani poimenuj:
27vaja-css-priimek-ime.html27vaja-1-css-priimek-ime.html27vaja-2-css-priimek-ime.html27vaja-3-css-priimek-ime.html
Strani naj bodo izdelane v HTML5 in s CSS. Pazi na pravilno uporabo oznak in obliko zapisa kode. CSS kodo vstavi kot zunanjo datoteko.
Za predlogo vzemi vajo 21: Meni iz poglavja CSS.
1. stran: Domov
Oblikovne lastnosti
- stran Domov:
- stran je razdeljena v dva dela in sicer v glavno vsebino in stranski stolpec
- stolpca sta ločena s črto
- desno stolpec ima manjše besedilo v svetlejši sivi barvi
- stolpca sta postavljena s
float:left in float:right
2. stran: 1 stolpec
Oblikovne lastnosti
- stran 1 stolpec:
- besedilo je razporejeno v odstavke
3. stran: 2 stolpca
Oblikovne lastnosti
- stran 2 stolpca:
- besedilo je razdeljeno v 2 stolpca
- med stolpcema je ločilna črta
- med stolpcema je razmik
4. stran: 4 stolpci
Oblikovne lastnosti
- stran 4 stolpci:
- besedilo je razdeljeno v 4 stolpce
- med stolpci je tanka ločilna črta
- med stolpci je manjši razmik, kot na strani z 2 stolpcema
