-Blog + read others + add links to each other
*see Kostos for excellent
-CSS Layout + print .css
-Deconstruct table using Ch.3
-Discussion of your layout(homework)
Use this to make your home page (not blog) look better -> blog a screenshot
Showing wireframe to beginning design
LAB
Now that u know what what I'm doing let me tell you that I started to follow my classmate. You can see it on the right hand side.
here what we did during LAB TIME:
Here the CSS that we(in class) use to make that:
CSS:
body, html {
margin:0;
padding: 0;
}
h1 {
margin:0;
padding:0;
}
.hidden { /* hide section */
display: none;
}
#page-container {
width: 760px;
margin: auto;
}
#main-nav {
background: red;
height:50px;
}
#header {
background:blue;
height:150px;
}
#sidebar-a {
background:darkgreen;
float:right;
width:280px;
}
#content {
background:green;
margin-right: 280px;
}
#footer {
clear: both;
background:orange;
height:66px;
}
The website that was use in class today was:
CSS Tricks
Lynda Video
