Mer på CSS

Lite mer CSS, denna uppgift måste ligga på vår utvecklingsserver. Se detta som ett litet test på om ni har koll på hur man jobbar med CSS.

Er uppgift är att med enbart CSS få till ett önskat utseende.

1. Hämta hem följande kod och packa upp den.
2. OBS! Ni får inte ändra i någon fil!
3. Ni får lägga dit filer i katalogen css. Minst en fil behövs men ni kan få lägga dit några bilder som css:en använder om ni vill.

Ni skall göra följande nivåer:

Nivå 1
Gör en css som gör att sidan ser ut som bilden svar.png.

Nivå 2
Gör en helt egen variant! Lägg den i katalogen my_css. Nu får ni ändra raden

<link rel="stylesheet" type="text/css" href="css/style.css">

i index.php till

<link rel="stylesheet" type="text/css" href="my_css/style.css">

inget annat får ändras.

Redovisning

När ni är klar skickar ni in två filer till mig.

  • css.zip och my_css.zip.

Filerna skall innehålla det som finns i era kataloger css och my_css.
Jag kommer att kolla er CSS på min kod som bör vara identisk med er (ni fick ju inte ändra).
Jag kommer att använda mig av Chrome när jag kollar.