Opgave2

  • Vi skal angive en bredde for body og indsætte en header en section med tekst og en footer.
  • I header et billede og en centreret overskrift
  • p tag i section skal have classes med forskellig farve tekst.
  • der skal være classes for kursiv og centreret og indsætte to classes på samme tag.
  • der skal være padding så vi får teksten væk fra kanterne.

 

Skærmbillede 2013-05-27 kl. 20.45.06

 

Forudsætninger for at udfører denne opgave er opgave 1 samt CSS,  id og class, boxmodellen og position.

OPGAVE EKSTRA:

Lav et grund layout og indsæt den horisontale menu herfra i nav-området:

Skærmbillede 2013-07-31 kl. 19.15.53

html {background-color: green;}
 
 
body {width: 960px;
	min-height: 500px;
	background-color: #eee;
	margin: 0 auto;
}
 
header {height:200px;
		background-color: red;
		}
 
nav{height: 50px;
	background-color: yellow;}
 
section {width: 520px;
		min-height: 400px;
		background-color:pink;
		float: left; 
}
 
aside {width: 400px;
	min-height: 400px;
	background-color: deeppink;
	float: right;
	}
 
 
footer {
	height: 100px;
	background-color: navy;
	clear: both;
}

OG sidst men ikke mindst vælg dine egne farver og måske lidt færre end her!!

Leave a Reply