change this :-

<div class="bSideItem">
      <h3>Contact Snider</h3>
      <ul>
	<li><a href="mailto:itzsnider@gmail.com"><img src="http://www.sniderz.com/skins/evo/img/gmail.gif" alt="gmail me!" border="0"></a></li>
	<li><a href="aim:goim?screenname=itzsnider&amp;message=Hey%20from%20Snider%27s%20Blog"><img src="http://www.sniderz.com/skins/evo/img/aim.gif" alt="Aim me!" border="0"></a></li>
	</ul>
	</div>

<form action="https............</form>

to this :-

<div class="bSideItem">
      <h3>Contact Snider</h3>
      <ul>
	<li><a href="mailto:itzsnider@gmail.com"><img src="http://www.sniderz.com/skins/evo/img/gmail.gif" alt="gmail me!" border="0"></a></li>
	<li><a href="aim:goim?screenname=itzsnider&amp;message=Hey%20from%20Snider%27s%20Blog"><img src="http://www.sniderz.com/skins/evo/img/aim.gif" alt="Aim me!" border="0"></a></li>
<li><form style="margin:0" action="https:..........</form></li>
</ul>
</div>

Did what you said and still a little off. It created the little arrows above it but put it on the next line.
Any other ideas?

changing <form style="margin:0" to <form style="display:inline;margin0" will put it in the right place, but the arrow will be at the bottom,

?

U ROCK THANKS A BUNCH !!!!

Now to do the same with my counter. Tried same lanuage and that didn't work.

This is my button info

<script language="javascript">
var data, p;
var agt=navigator.userAgent.toLowerCase();
p='http';
if((location.href.substr(0,6)=='https:')||(location.href.substr(0,6)=='HTTPS:')) {p='https';} data = '&r=' + escape(document.referrer) + '&n=' + escape(navigator.userAgent) + '&p=' + escape(navigator.userAgent)
if(navigator.userAgent.substring(0,1)>'3') {data = data + '&sd=' + screen.colorDepth + '&sw=' + escape(screen.width+ 'x'+screen.height)};
document.write('<a href="http://www.blogpatrol.com" target="_blank" >');
document.write('<img border=0 hspace=0 '+'vspace=0 src="http://www.blogpatrol.com/counter.php?i=17944' + data + '"> </a>');
</script>

Wrap a unique <div> around your counter and control it's position via CSS.

Or ... move the counter into a list item <ul><li> into yet another <div class="bSideItem">

Right now ... from a CSS point-of-view, the counter is sitting at the bottom of the bSideBar DIV and is isolated. (There isn't any simple CSS selector that will uniquely identify your counter).

So you need to make one. There are many options, but the first two I listed are probably the simplest.

<div id="counter"><script ...> ... </script></div> -or-

<div class="bSideItem"><ul><li><script ... > ... </script></li></ul></div>

The second option may get you what you want without having to change ANY CSS.

give it a try.

If you can't position it w/CSS ... write back. Once you have the HTML (I don't care which) ... I can prolly position it for you.

Cheers,

Scott

Thanks much for your help. It works but is a small fraction off.

You have introduced a problem and your page is broken in MSIE...

You need to close the <div> and <ul> immediately before your SCRIPT

Right now you have:

<li><a href="http://www.blogexplosion.com/index.php?ref=itzsnider"><img src="http://banners.blogexplosion.com/button2.gif"/></a></p></li>
	<div class="bSideItem"><ul><li><script language="javascript">

make it

	<li><a href="http://www.blogexplosion.com/index.php?ref=itzsnider"><img src="http://banners.blogexplosion.com/button2.gif"/></a></p></li>
          </ul>
        </div>
        <div class="bSideItem"><ul><li><script language="javascript">

and you'll be in a better spot. (It'll close the "Link to us" list AND div, immediately above the Javascript). I'm assuming the lone </div> after the script is closing the larger "bSideBar" div.
:D

Thanks a ton that did it.

Learning slowly but surely

There you go. :D

That looks better. Glad it worked.