Evolution Theme: Sidebar Adjustment

[athlon24]

1. Is it possible for me to adjust my sidebar so I can fit a 2 column 125x125 ads in it?

2. Also, I still have a problem with the jquery, I don't know where and what's the first thing to do :(. In my archives page, my sidebar is still disoriented.

My blogsite: http://thatwashot.com

[sarahG]

Well the sidebar is over 250px wide so you don't need to adjust the sidebar as such. If you put the adverts into a list say, and then set each list item to float left with each odd list item (1st, 3rd etc) to have a width of 135px and the even list items to have a width of 125px. Then that should fit fine

eg.

<ul id="adblock">
<li class="oddlist"><a href="..."><img src="adverts/..." alt="..." /></a></li>
<li><a href="..."><img src="adverts/..." alt="..." /></a></li>
<li class="oddlist"><a href="..."><img src="adverts/..." alt="..." /></a></li>
<li><a href="..."><img src="adverts/..." alt="..." /></a></li>
</ul>

Then your CSS would be

ul#adblock {
list-style-type: none;
}
#adblock li {
float: left;
width: 125px;
}
#adblock li.oddlist {
width: 135px;
}

Untested but it should work.

In answer to question 2, see your other thread where I've answered on that :)

[navjotjsingh]

Thanks Sarah...even I didn't knew of this method...I used to put all adverts one after other and they all aligned by themselves since the third in a row automatically got pushed to a new line. So much for the ignorance on my part. :D

[sarahG]

it can work that way too, however as you've got a list of adverts (even if they're not in a standard list), then it's just usually better to put them in a list. It gives you more control in the CSS :)

[athlon24]

Sarah, thanks for the code, but I didn't follow it because I am having problem I when I put them in list because, it adds bullets so I can't have it in 2 columns in the sidebar. It does not fit for me. Thanks anyway.

[sarahG]

It shouldn't add bullets as I put a CSS setting of list style type none. Change the above CSS then to

ul#adblock, ul#adblock li {
list-style: none;
}