Oblig 2
- Forfall 26. sep. 2021 av 23.59
- Poeng 0
- Må leveres en filopplasting
- Tilgjengelig til 26. nov. 2021 i 23.59
Målet er å øve på enkel CSS (kap 4). Det er også behov for å øve mer på filer og mapper.
Ta utgangspunkt i oblig2.zip i "Filer". Pakk den ut og ikke rør mappestruktur eller navn. Du skal ikke legge til eller fjerne filer. Du kan kun endre koden i .css og .html-filene.
Det skal finnes 1 CSS-fil: "stil.css". Alle .html-filer skal lenke inn denne.
Gjør endringer slik at
- <header> får xx-large font
- "index.html" viser de to bildene i et bildegalleri
- galleriet består av "html.svg" og "css.svg" i en tabell med 1 rad og 2 kolonner (1 bilde per kolonne).
- galleriet skal stå i en <div> med klasse "galleri"
- bilder (kun når de står i et galleri) skal ha 200px høyde
- klikkbare galleribilder skal få gul bakgrunn når pekeren er over (hover)
- "css.svg" er klikkbart og leder til "css.html"
- I "css.html" skal hver andre linje i listen ha lysegrå bakgrunn
- <body> får "bits.svg" som bakgrunn
- <main> får dashed ramme og hvit bakgrunn
- <nav> og <footer> får lyseblå bakgrunn (bruk kun 1 selektor)
- <aside> får rosa bakgrunn med skråstilt skrift
- <footer> får beige bakgrunn
- høgskolens logo hentes eksternt, leder til www.himolde.no, og skal være like høy som fonten (em)
- valgfritt:
- la boksene få avrundede hjørner og luft (s. 103 eller w3s)
SVG-bildene er forøvrig hentet fra commons.wikimedia.org med eksakt lenke som kommentar i SVG-koden.