...

View Full Version : CSS Page help



Punishment07
02-13-2008, 09:22 PM
I am fairly new to this website, but I figured that since I am in this major joining a community for various aspects and solutions to problems would be a great way to understand things that I may not. This is an assignment for my class that has been completed except for one thing...I cannot figure out how to get a 30px space between my nav bar and my content. Any feedback or suggestions would be great. Here is the link to the page.

http://mason.gmu.edu/~jwrightf/IT331/CSS_layout.html

jcdevelopment
02-13-2008, 09:29 PM
the link just takes me to a blank page, but if you have a class or a div assigned to the content then in it just write this



#content {
margin-top:30px;
}



hope it helps

Andrew Johnson
02-13-2008, 09:33 PM
Change

#nav{
vertical-align: top;
width: 140px;
margin: 0 0 0 0;
padding: 0;
border-top: 1px solid #000;
border-right: 1px solid #000;
margin: 0px;
font-size: 80%;
padding: 0px;
width: 140px;
float:left;
}

To:


#nav{
vertical-align: top;
width: 140px;
margin: 0 30px 0 0;
padding: 0;
border-top: 1px solid #000;
border-right: 1px solid #000;
font-size: 80%;
width: 140px;
float:left;
}



P.S. You only need margin/padding ONCE per element

Punishment07
02-14-2008, 05:11 AM
Thank you so much!! I had been looking at that internal CSS for 3 days straight now. If I wasn't in class I was trying to figure out exactly which part was messed up. I will make sure to remember "one per element." I think I had gotten to the point that I was adding attributes instead of modifying the ones that already existed.

effpeetee
02-14-2008, 09:18 AM
#nav{
vertical-align: top;
width: 140px;
margin: 0 30px 0 0;
padding: 0;
border-top: 1px solid #000;
border-right: 1px solid #000;
font-size: 80%;
width: 140px;
float:left;
}

You only need width set once also.

Frank



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum