Hey guys. I need help badly. I am taking a course on html coding and I am stuck on one key thing. My site is up and running but the borders are too center and close. Its hard to explain you can check the site what I mean. Its like a yellow paper in a sea of blue and I just want to have the blue show a bit and also now my text is pushed down for no reason. If anyone can help I would really apperciate it. Here is the site:
www2.bc.edu/~chaconje/Case/casehome.html
Here is the css file I made for it exactly the way it is now.
#wrapper { width:680px;
min-width: 680px;
margin: 0 auto;
background-color: #ffffcc;
color: #003300;
padding-left: 10px;
}
#leftcolumn { float: left;
width: 150px;
}
#leftcolumn a { display: block;
margin: 0 15px 15px 15px;
}
#rightcolumn { margin: 0 150px;
padding: 0 20px 20px 0;
}
body {background-color: #003366;
color: #003366;
font-family: Ariel, Helvetica, sans-serif;
background-image: url ('primevertical.png');
}
h2 {background-color: #FFFFCC;
color: #003366;
}
h3 {background-color: #FFFFCC;
color: #006600;
}
dd {font-size: .90em;
line-hight: 200%;
}
h1 {background-color: #FFFFCC;
color: #48751A;
}
#nav { font-weight: bold;
font-size: 1.2em;
}
#contact { font-weight: bold;
font-size: .90em;
font-family: Times New Roman, seerif;
}
#footer {font-size: .60em;
font-weight: italic;
}
.property { padding-right: 30px;
padding-top: 5px;
float: left;
}
img { border: none;
}
www2.bc.edu/~chaconje/Case/casehome.html
Here is the css file I made for it exactly the way it is now.
#wrapper { width:680px;
min-width: 680px;
margin: 0 auto;
background-color: #ffffcc;
color: #003300;
padding-left: 10px;
}
#leftcolumn { float: left;
width: 150px;
}
#leftcolumn a { display: block;
margin: 0 15px 15px 15px;
}
#rightcolumn { margin: 0 150px;
padding: 0 20px 20px 0;
}
body {background-color: #003366;
color: #003366;
font-family: Ariel, Helvetica, sans-serif;
background-image: url ('primevertical.png');
}
h2 {background-color: #FFFFCC;
color: #003366;
}
h3 {background-color: #FFFFCC;
color: #006600;
}
dd {font-size: .90em;
line-hight: 200%;
}
h1 {background-color: #FFFFCC;
color: #48751A;
}
#nav { font-weight: bold;
font-size: 1.2em;
}
#contact { font-weight: bold;
font-size: .90em;
font-family: Times New Roman, seerif;
}
#footer {font-size: .60em;
font-weight: italic;
}
.property { padding-right: 30px;
padding-top: 5px;
float: left;
}
img { border: none;
}