Navodilo

Narejena spletna stran v TXT obliki.

Pomoč

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.

S klikom na sliko rešitve se ta poveča.

htmlkoda

HTML kodo strani kopiraj in prilepi v Notepad++. Stran shrani v mapo CSS Vaje pod imenom vaja2.html.

V CSS predlogi moraš določiti lastnosti in vrednosti naslednjim selektorjem: h3, table, th, tr in td. Pri tem moraš uporabiti en psevdo razred – last-child (td) in en razred (tr).

Lastnosti, ki jih moraš določiti posameznim selektorjem so: font-size, text-align, width, margin, padding, border, color, border-collapse, in background-color.

Katera lastnost sodi h kateremu selektorju moraš ugotoviti sam.

Pomagaj si s spletno stranjo w3schools.com.

s1
CSS predloga naj izgled zgornje spletne strani spremeni v spodnji.
DODATNA NAVODILA:

  • Širina tabele naj bo 400 pik.
  • Odmik od roba naj bo 30 pik.
  • Odmik okoli besedila naj bo: zgoraj-spodaj 10 pik in levo-desno 20 pik.
  • Obroba naj bo debela 1 piko in rdeče barve.
  • Številke v drugem stolpcu naj bodo poravnane na desno stran (uporabiš psevdo razred).
  • Besedilo v glavi tabele naj bo sredinsko poravnano.
  • Besedilo v glavi naj bo od roba oddaljeno 5 pik.
  • Besedilo naslova naj bo veliko 30 pik, besedilo v glavi 22 pik in vse ostalo 18 pik.
  • Vrstice naj bodo obarvane izmenično siva-bela (uporabiš razred).
  • Vse ostalo pa je razvidno iz končnega izgleda stran.
s1u