Near as I can tell, in the time between when you posted this and I came upon it, you’ve figured out the bottom border on the sidebar headers.
As for the space, margin will get you what you want, but you’ve got a number of designations to cover. You’ll need to add a margin-bottom to all the headers on your sidebar.
And for the link colors:
The blog title is wrapped in
<h1 id="header">
– so styling
#header a
should fix that one.
Likewise, the post titles are
<h3 class="storytitle">
– so
.storytitle a
should be where you specify that one. 🙂
Thanks for your help!
Actually, the sidebar border is on the top of the content, not the bottom of the header.
I’m also having a problem getting the elements to float on the page properly when I resize. I want them to all stay in the center, and have space added to the margins when resizing…if that makes sense…
again, thank you so much
I’m not sure what you mean about the sidebar… can you try explaining exactly what you’re trying to do?
As for the re-size align – I’m not really a CSS guru myself, but I tinkered with your CSS, and I got it a little closer to what I think you’re trying to acheive:
Add in –
#rap {
margin: 0 auto 0 auto;
width: 770px;
}
And then change these:
#content {
margin: 30px 13em 0 3em;
width: 70%;
}
and change #menu right:80px.
Did that make sense? 🙂 You can play with those margins to try and make changes… but since you’ve got #menu set to absolute, it’s going to make things funky on a smaller size (like 800×600). Someone who’s better with CSS than I am might be able to offer more direction.
I changed some of the css, and now the banner and main body do what I want, but for some reason now the sidebar is on the bottom. Do I need to edit the index.php to put the sidebar on the side?
I think that’s because you added in some pieces after I grabbed your CSS. This whole part:
#container {
width: 700px;
position: static; }
#container-inner
{
position: static;
border: 0;
background: #FFFFFF;
padding: 15px 15px 15px 15px;
}
Wasn’t present in my copy. Try commenting that out temporarily, and see what you get. 🙂
