I have installed a js to do simple banner rotation on a website, but I can't figure out how to get it positioned where I want it.

I got it to pretty much center up the ads, but I want to move them down some and "margin-top" doesn't do it.

If someone would be so kind as to take a look at the page HERE and tell me what I did wrong, I would really appreciate it.

Any ideas?

It's always a good idea to validate your code, to catch little errors like these:

<div style='margin-top: 8px; margin-left:18px; width: 180px; height: 150px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/rainbow_180x150_bg.jpg ); background-repeat: no-repeat; background-color: #;' >
<div style='height: 138px;' ><script src='http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2.asp?partner=netweather&tStyle=normal&logo=1&zipcode=16061&lang=eng&size=8&theme=rainbow&metric=0&target=_self'></script>
</div>
<div style='text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; line-height: 12px; color: #;' ><a style='color: #' href='http://www.accuweather.com/us/PA/West Sunbury/16061/city-weather-forecast.asp?partner=accuweather&traveler=0' >Weather Forecast</a> | <a style='color: #' href='http://www.accuweather.com/maps-satellite.asp' >Weather Maps</a>
</div>
</div>

Double quotes for attribute values, single quotes calling for urls in CSS:

<div style="margin-top: 8px; margin-left:18px; width: 180px; height: 150px; background-image: url('http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/rainbow_180x150_bg.jpg'); background-repeat: no-repeat; background-color:/*color, call it transparent if it is*/;" >
<div style="height: 138px;" >
<script src="http://netweather.accuweather.com/adcbin/netweather_v2/netweatherV2.asp?partner=netweather&tStyle=normal&logo=1&zipcode=16061&lang=eng&size=8&theme=rainbow&metric=0&target=_self"></script>
</div>
<div style="text-align: center; font-family: arial, helvetica, verdana, sans-serif; font-size: 10px; line-height: 12px; color:/*what color*/;" >
<a style="color:/*what color*/;" href="http://www.accuweather.com/us/PA/West Sunbury/16061/city-weather-forecast.asp?partner=accuweather&traveler=0">Weather Forecast</a> | 
<a style="color:/*what color*/;" href="http://www.accuweather.com/maps-satellite.asp">Weather Maps</a>
</div>
</div>

</span>, not </class>:

<span class="tag">This site designed, developed & maintainted by <a href="http://www.cbserve.com">Creative Business Solutions</a></class>

Correct those and see if that doesn't clear up your problem.

tim

Thank you Serandfae. The little things really cause the biggest headaches. Unfortunately the code that you referrenced was a cut & paste script. I know nothing about JS so the script was all greek to me to begin with.

Anyway, I corrected all of that and it did nothing to correct my problem. I still am unable to get the banners to move down.

Any other ideas???

Clear the floats just before the footer, either with a <div style="clear:both;"></div> or with a styled <br /> that has clear:both; and zeroes out margin, padding, line-height in its style rules.

There are also more elements using single quotes for attribute values where the double quotes are needed that I missed the first time. This is what the W3C validator found.

tim

Thanks again Serandfae. I added the <div style="clear:both;"> and then had to reset the margin-top="100px" to get the banner positioned where I wanted it. It's the only way I could figure out to get it where I want it.

Now the script only seems to want to work when it feels like it.

I think it might be time to get the hammer out and bang on it for a while

Thanks again