Help adding asides?

Hey Neil,

I don’t think the IE specific styles are affecting these at all.

Try this:

ul.asides_entry {background:#eee;border-left:3px solid #ac020a;list-style-image:none;padding-left:3em}

I’m adding:

• list-style-image:none; and
• padding-left:3em
• plus a little grey background for the asides which helped me in seeing the issue. I think it looks good, but if you don’t like it, take out background:#eee;

Make sense?

works a lot better better mate, just asides entries are not taking the same position like other “normal” posts. If they could be moved a little then it would be great ??

Oh, I get it. That’s because of some of your other CSS. Play around with this:

ul.asides_entry {
border-left:3px solid #ac020a;
list-style-image:none;
padding-left:3em;
margin-left:-10px;}

ul.asides_entry li {
list-style:none;
margin:0;
padding:0
}

Your div class post-wrapper has a negative margin of 20px – that’s why I’m suggesting trying a negative margin on the above ul.

Eric, it worked, the “line” is now in line with the rest of the content, but one other small problem is now there. In IE the words in the asides posts dont follow through to the other side, instead they go half way across the page and then go into a new line.

I actually don’t think it looks bad like that, but if you want to fix it, try this:

ul.asides_entry {
border-left:3px solid #ac020a;
list-style-image:none;
padding:0 0 0 3em;
margin:0 0 0 -10px;}

Add some line-height too to make your posts more readable:

.post-wrapper {
padding-left: 10px;
width: 676px;
margin-left: -20px;
line-height:150%;
}

Eric, it didnt really have an effect on the asides, but your right, its just me being a perfectionist. Adding height to my posts did a world of good, looks a lot better now, thank you. If i knoew how to do half the things i want then the site would look great. The header and lots of other stuff now is working great.

My sidebar in IE is fucked up, its down way below where it should be. Thats the one problem really left to fix!!

Eric thanx for all your help, your a star!!!

Sidebar looks fine to me in IE7, but is goofy in IE6. It has to be due to padding or widths on the containers or some of the elements inside them.

Try removing the width from the #sidebar-wrapper.

#sidebar-wrapper {
float:right;
width:35%;
}

Tried it and it didnt work, kinda messed everything up. No worries though, think i did sonething wrong, ill give it a go after dinner ??

Eric, im wondering if you can help me one last time. The asides entries are not being posted as single posts , instead they are joining together to make one post. You can see it on my blog. Is there a way to seperate them?

Hi Neil,

I’m afraid that I’m not seeing the issue.

If your asides are running together, I’m assuming you’re meaning two posted in a row look almost like one.

I’d change this:

ul.asides_entry {
border-left:3px solid #ac020a;
list-style-image:none;
padding:0 0 0 1em;
margin:0 0 0 -10px;}

to

ul.asides_entry {
border-left:3px solid #ac020a;
list-style-image:none;
padding:0 0 0 1em;
margin:1em 0 1em -10px;}

and see if that takes care of it.

worked a treat, thanx a million mate!!!