Vaja 2
Navodilo
HTML kodo kopiraj in prilepi v Notepad. Stran shrani v mapo CSS Vaje pod imenom vaja2.html. Izdelaj CSS predlogo, ki bo spremenila izgled, že narejeni spletni strani v HTML kodi. CSS predlogo shrani v mapo CSS Vaje pod imenom vaja2.css. Narejen spletna stran ima že vstavljen "link" do CSS predloge. Da bo spletna stran upoštevala vse kar je zapisano v CSS predlogi bo potrebno tudi v HTML kodi narediti manjše spremembe ali dopolnitve.

DODATNA NAVODILA:
  • Širina tabele: 400 pik.
  • Odmik od roba: 30 pik.
  • Odmik okoli besedila: zgoraj-spodaj 10 pik, levo-desno 20 pik.
  • Obroba: vidna, debela 1 piko, rdeče barve.
  • Besedilo v glavi tabele: sredinsko poravnano, od roba oddaljeno 5 pik.
  • Naslov - 30 pik, besedilo v glavi - 22 pik, ostalo - 18 pik.
  • Vrstice obarvaj izmenično siva-bela (uporabiš razred).
  • Vse ostalo je razvidno iz končnega izgleda stran (Klikni za povečavo.).
POMOČ
V CSS predlogi moraš določiti lastnosti in vrednosti naslednjim selektorjem:
  • table (width, margin, border-collapse)
  • h3 (color, font-size, text-align)
  • th (font-size, border, text-align, padding-top, padding-bottom, color, background-color)
  • td (font-size, border, padding)
  • .druga (background-color) - razred (class)
Vrednosti lastnosti in načine zapisa moraš ugotoviti sam. Pomagaj si s spletno stranjo w3schools.com. Potrebna je dopolnitev HTML kode. Dodati moraš razred - class.

s2
CSS predloga naj izgled zgornje spletne strani spremeni v spodnji.
s2u