Friday, April 18, 2014

Thursday Fun

Thanks to everyone who made it yesterday.  I wish things had gone smoother, but we will get GitHub ironed out so hopefully next Thursday we can get back to building the website.

The code that we did do in class is posted below:

nav, header{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;

nav, header{
display: block;

header {
    background-image: url(../images/12th-man.jpg);

nav {
    background-color: black;
    height: 30px;
    text-align: center;

nav ul {
    padding-top: 7px;

nav ul li {
    display: inline-block;
    margin-right: 10px;

nav ul li a {
    color: white;
    text-decoration: none;

nav ul li a:hover {
    text-decoration: underline;

Remember not to group all of the individual nav items for now.  It will make sense as we add more things to our web page.  Change some of the above values in your own code so you can see which items are affected on the page.

I also shared a Google Drive folder containing the images with everyone (the one referenced as the background-image for the header and one more we will use).  If you did not get an email letting you know that a folder has been shared with you, send an email or post something here and we will get you a copy.

Thanks again everyone, see you next week!

Sunday, April 6, 2014

CSS Intro

In our CSS intro, we will learn how to color various elements with CSS.  

Copy the following HTML and color h1 elements red and p elements blue.  Color li elements green.

<!DOCTYPE html>
   <h1>Most important page ever!</h1>
   <p>Here are the awesome languages we are going to learn.</p>