PDA

View Full Version : How do I adjust the width of the pausing RSS Scroller



leematthews
09-05-2007, 06:18 PM
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
09-05-2007, 08:32 PM
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
09-07-2007, 04:21 PM
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
09-07-2007, 11:10 PM
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
09-10-2007, 05:19 PM
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
09-11-2007, 04:27 AM
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
09-14-2007, 02:34 PM
I tried setting the margin to zero but to no avail. Any other ideas??

ddadmin
09-14-2007, 07:14 PM
You still have:


<p class="style2">

right above the scroller. Try removing that as well.