Results 1 to 5 of 5

Thread: Marquee Border

  1. #1
    Join Date
    Mar 2008
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Marquee Border

    Hi folks,


    I find my solution on creating marquee border as follow;

    changing the line;
    Code:
    write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')
    as;
    Code:
    write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';border:blue solid 3px;overflow:hidden">')

    I still can't resolve changing the border from a contiune line as broken line such "- dot - dot -" or - dot dot - dot dot -", etc.

    Advice would be appreciated. TIA


    B.R.
    satimis

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

    Default

    This has nothing to do with the other question you had about positioning the marquee, so I moved it to its own thread. The border property is sort of a catch all style having to do with an element's border. What is really involved is quite extensive. Primarily you have:

    border-width:

    border-style:

    border-color:

    And each of these may be set independently for a given border or for a given:

    border-top:

    border-right:

    border-bottom:

    border-left:

    So you could have (order is not critical):

    Code:
    border:3px dotted blue;
    Which is the same as:

    Code:
    border-width:3px;border-style:dotted;border-color:blue;
    And is the same as:

    Code:
    border-top:3px dotted blue;
    border-right:3px dotted blue;
    border-bottom:3px dotted blue;
    border-left:3px dotted blue;
    And is the same as:

    Code:
    border-top-width:3px;
    border-top-style:dotted;
    border-top-color:blue;
    border-right-width:3px;
    border-right-style:dotted;
    border-right-color:blue;
    border-bottom-width:3px;
    border-bottom-style:dotted;
    border-bottom-color:blue;
    border-left-width:3px;
    border-left-style:dotted;
    border-left-color:blue;
    There are many ways to break it out, but this is only required when you need one of the borders or one of the properties of one of the borders to vary. For more on css style and borders, see:

    http://www.eskimo.com/~bloo/indexdot...der/border.htm

    or your favorite css style reference.

    But basically, I think you are looking for either:

    Code:
    border:blue dashed 3px;
    or:

    Code:
    border:blue dotted 3px;
    I only included all of the rest of the information in case it might be useful.
    - John
    ________________________

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

  3. #3
    Join Date
    Mar 2008
    Posts
    17
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by jscheuer1 View Post
    This has nothing to do with the other question you had about positioning the marquee, so I moved it to its own thread. The border property is sort of a catch all style having to do with an element's border. What is really involved is quite extensive. Primarily you have:

    border-width:

    border-style:

    border-color:

    And each of these may be set independently for a given border or for a given:

    border-top:

    border-right:

    border-bottom:

    border-left:

    So you could have (order is not critical):

    Code:
    border:3px dotted blue;
    Which is the same as:

    Code:
    border-width:3px;border-style:dotted;border-color:blue;
    And is the same as:

    Code:
    border-top:3px dotted blue;
    border-right:3px dotted blue;
    border-bottom:3px dotted blue;
    border-left:3px dotted blue;
    And is the same as:

    Code:
    border-top-width:3px;
    border-top-style:dotted;
    border-top-color:blue;
    border-right-width:3px;
    border-right-style:dotted;
    border-right-color:blue;
    border-bottom-width:3px;
    border-bottom-style:dotted;
    border-bottom-color:blue;
    border-left-width:3px;
    border-left-style:dotted;
    border-left-color:blue;
    There are many ways to break it out, but this is only required when you need one of the borders or one of the properties of one of the borders to vary. For more on css style and borders, see:

    http://www.eskimo.com/~bloo/indexdot...der/border.htm

    or your favorite css style reference.

    But basically, I think you are looking for either:

    Code:
    border:blue dashed 3px;
    or:

    Code:
    border:blue dotted 3px;
    I only included all of the rest of the information in case it might be useful.
    Hi John,


    Thanks for your detail advice.


    I tried follows before but failed


    1)
    adding;
    Code:
    var marqueeborder-width="3px"
    var marqueecolor="red"
    etc.
    Failed

    then in addition changing following line
    Code:
    write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')

    as;
    Code:
    write('<div style="position:absolute;width:'+marqueewidth+';height:'+marqueeheight+';background-color:'+marqueebgcolor+';border-width:'+merqueeborder-width+';border-color='+marqueeborder-color+'" onMouseover="copyspeed=pausespeed" onMouseout="copyspeed=marqueespeed">')
    still failed.

    When/How can I use "var"?


    2)
    How can I use "mixed dot and dash" and others, such as "x/=" etc.?


    B.R.
    satimis

  4. #4
    Join Date
    Sep 2018
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    you just change the HTML code to this-

    HTML Code:
    <div class="marquee">
      <marquee behavior="scroll"  direction="right" bgcolor="yellow" loop="1000" width="100%" height="50%"  ><p>some text here</p></marquee> 
     </div>
    and CSS to this-

    Code:
    marquee{
    border-top:3px dotted blue;
    border-right:3px dotted blue;
    border-bottom:3px dotted blue;
    border-left:3px dotted blue;
    }
    this solved the problem for me maybe its helpful to u

  5. #5
    Join Date
    Jan 2009
    Location
    NH
    Posts
    652
    Thanks
    96
    Thanked 26 Times in 26 Posts

    Default

    the question is 10 years old. I'm pretty sure it's no longer relevant

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
  •