How do I adjust the width of the pausing RSS Scroller

[leematthews]

Here is the page:

http://www.matthewdlee.com/main/indextest.htm

Anyway, I have the Pausing RSS Scroller at the right hand side, about middle of the page. How would I set the width of it to about 380 pixels or so?

Also, how can I eliminate the gap between the title 'Realtime Blog Updates' and the actual Pausing RSS Scroller. Here is the code on the indextest.htm:

<td width="383" class="storyLeft"> <p class="style2">
<a href="../blog" class="capsule">Realtime Blog Updates</a>
<script type="text/javascript">
document.write("<br />") //add a divider for demo
new rsspausescroller("dynamicdrive", "pscroller2", "rssclass", 3000, "", "date+description")
</script>
</tr>

And here is more info about the Pausing RSS Scroller:
http://www.dynamicdrive.com/dynamicindex17/rsspausescroller/index.htm

[ddadmin]

Regarding setting the width, the CSS class pscroller2 comes into play here, so try changing the width property within it:


#pscroller2{
width: 380px;
margin: 0;
height: 150px;
border: 1px solid black;
padding: 5px;
background-color: #F0F0F0;
}

Regarding ridding the gap between the header and the scroller, this is just a HTML issue, so try experimenting with some obvious things, such as removing the <p> tag and giving the table cell a valign attribute:


<td width="383" class="storyLeft" valign="top"> <p class="style2">

BTW, please note that your page is currently in violation of our usage terms, since the credit notice doesn't appear inline on the page. Please reinstate the credit notice:

[leematthews]

Er? Tagline?

Anyway Thanks, but I'm still having a little trouble getting rid of the gap.

http://www.matthewdlee.com/main/indextest.htm

[ddadmin]

Er? Tagline?


Per our usage terms, the credit notice that originally exists within the script tag need to be preserved, so something like:


<script type="text/javascript" src="rsspausescroller.js">

/***********************************************
* RSS Pausing Scroller- © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/dynamicindex17/rsspausescroller/ for source code and documentation
***********************************************/
</script>

Regarding your question, I see you didn't remove the default "<br />" tag added to the demo code. On your page, remove this line:


document.write("<br />") //add a divider for demo

[leematthews]

Ok I removed that tagline and added the dynamic drive credit but there still appears to be a gap :confused:

Interestingly enough it looks fine in IE7 but not in firefox

[ddadmin]

Inside your style sheet, try removing any margins for the DIV tag that contains the scroller as well:


#pscroller2{
width: 320px;
height: 150px;
border: 1px solid black;
padding: 5px;
margin: 0;
background-color: #F0F0F0;
}

[leematthews]

I tried setting the margin to zero but to no avail. Any other ideas??

[ddadmin]

You still have:


<p class="style2">

right above the scroller. Try removing that as well.