Ok, so I want to have my navigation links fixed on the left hand side with the content to the right positioned absolutely. I have done that. But I simply want to have the navigation links move farther down the left hand side of the page while keeping the background color in place. When I put, top: 5em, within the #navigation brackets the background color and links of course move down 5em from the top. But when I put, top: 5em, within the, #navigation a, brackets the navigation links don't move down the page, they stay in the top left. I am using Safari. Please help me make this happen. Here is the code:
body {
margin: 0;
padding: 0;
}
#navigation {
position: fixed;
left: 0;
width: 9.40em;
height: 90em;
border: 0;
padding: 0;
background-color:#ffffcc;
}
#navigation a {
display: block;
top: 5em;
text-decoration: none;
padding-left: 0.5em;
border-bottom: solid black 1px;
}
#navigation a: hover {
color: #cc9966;
background-color:#cccccc;
}
#navigation a: visited {
color:#cc9900;
}
#content {
position: absolute;
background: #cc9966;
top: 0;
left: 15%;
border-left: solid black 1px;
padding-left: 3em;
padding-right: 3em;
text-align: left;
}
Thanks a lot.Try using padding-top to push the content of the navigation div down if that's what you're trying to do.
A link would help.Thanks a lot. That was simple enough. Slowly but surely I'm learning. Margins effect space on the outside of the box, padding on the inside.
body {
margin: 0;
padding: 0;
}
#navigation {
position: fixed;
left: 0;
width: 9.40em;
height: 90em;
border: 0;
padding: 0;
background-color:#ffffcc;
}
#navigation a {
display: block;
top: 5em;
text-decoration: none;
padding-left: 0.5em;
border-bottom: solid black 1px;
}
#navigation a: hover {
color: #cc9966;
background-color:#cccccc;
}
#navigation a: visited {
color:#cc9900;
}
#content {
position: absolute;
background: #cc9966;
top: 0;
left: 15%;
border-left: solid black 1px;
padding-left: 3em;
padding-right: 3em;
text-align: left;
}
Thanks a lot.Try using padding-top to push the content of the navigation div down if that's what you're trying to do.
A link would help.Thanks a lot. That was simple enough. Slowly but surely I'm learning. Margins effect space on the outside of the box, padding on the inside.