Results 1 to 3 of 3

Thread: Cross Browser marquee II help please

  1. #1
    Join Date
    May 2007
    Location
    Mythica
    Posts
    24
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Unhappy Cross Browser marquee II help please

    1) Script Title: Cross Browser marquee II

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex2/cmarquee2.htm

    3) Describe problem: My problem is I can't get the scroller to sit in the middle of the box. It hugs the right and only shows half of the content. No matter what I try I can't get it to center.

    Edits I have made:
    Code:
    <style type="text/css">
    
    #marqueecontainer{
    position: relative;
    width: 150px; /*marquee width */
    height: 200px; /*marquee height */
    background-color: sh_bk6.gif;
    overflow: hidden;
    border: 0px solid orange;
    padding: 0px;
    padding-left: 0px;
    }
    
    </style>
    no other edits exsit at this time.


    4) My Site: http://pixel2.alittlebitofmagick.com/
    this sight is not open to the public yet.

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    This is only a problem in IE, it is centering the left edge of the inner (vmarquee) division. Add (red):

    Code:
    <style type="text/css">
    
    #marqueecontainer{
    position: relative;
    width: 150px; /*marquee width */
    height: 200px; /*marquee height */
    background-color: sh_bk6.gif; /* this should be a color, not an image */ 
    overflow: hidden;
    border: 0px solid orange;
    padding: 0px;
    padding-left: 0px;
    text-align:left;
    }
    
    </style>
    If after that, you think the text in the marquee needs centering:

    Code:
    #vmarquee {
    text-align:center;
    }
    More about background-color: sh_bk6.gif; /* this should be a color, not an image */:

    If you want a background-image do:

    Code:
    background-image:url(sh_bk6.gif);
    If you do, or do end up putting a color value there, set a foreground color:

    Code:
    color:black;
    Notes: This is a somewhat older script and doesn't work in some browsers that it could. Here is a mod that can make more than one scroller per page and that works in more browsers:

    http://home.comcast.net/~jscheuer1/s...oss_marq_h.htm
    Last edited by jscheuer1; 11-12-2007 at 08:17 PM. Reason: Correct the background-image style instructions
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    May 2007
    Location
    Mythica
    Posts
    24
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Default

    Thank you so much John. Every thing is working great.

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
  •