Results 1 to 8 of 8

Thread: How do I adjust the width of the pausing RSS Scroller

  1. #1
    Join Date
    Aug 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default How do I adjust the width of the pausing RSS Scroller

    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/dynamici...ller/index.htm

  2. #2
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

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

    Code:
    #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:

    Code:
    <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:

  3. #3
    Join Date
    Aug 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Er? Tagline?

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

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

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Quote Originally Posted by leematthews View Post
    Er? Tagline?
    Per our usage terms, the credit notice that originally exists within the script tag need to be preserved, so something like:

    Code:
    <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:

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

  5. #5
    Join Date
    Aug 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

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

    Interestingly enough it looks fine in IE7 but not in firefox

  6. #6
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

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

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

  7. #7
    Join Date
    Aug 2006
    Posts
    23
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

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

  8. #8
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    You still have:

    Code:
    <p class="style2">
    right above the scroller. Try removing that as well.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •