PDA

View Full Version : Marquee Border



satimis
03-09-2008, 05:06 AM
Hi folks,


I find my solution on creating marquee border as follow;

changing the line;

write('<div style="position:relative;width:'+marqueewidth+';height:'+marqueeheight+';overflow:hidden">')


as;

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

jscheuer1
03-09-2008, 07:53 AM
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):


border:3px dotted blue;

Which is the same as:


border-width:3px;border-style:dotted;border-color:blue;

And is the same as:


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:


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/css/properties/border/border.htm

or your favorite css style reference.

But basically, I think you are looking for either:


border:blue dashed 3px;

or:


border:blue dotted 3px;

I only included all of the rest of the information in case it might be useful.

satimis
03-09-2008, 09:52 AM
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):


border:3px dotted blue;

Which is the same as:


border-width:3px;border-style:dotted;border-color:blue;

And is the same as:


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:


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/css/properties/border/border.htm

or your favorite css style reference.

But basically, I think you are looking for either:


border:blue dashed 3px;

or:


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;

var marqueeborder-width="3px"
var marqueecolor="red"
etc.

Failed

then in addition changing following line

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



as;

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

akshat
09-12-2018, 02:58 PM
you just change the HTML code to this-


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


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

mlegg
09-12-2018, 08:08 PM
the question is 10 years old. I'm pretty sure it's no longer relevant

keyboard
10-04-2018, 01:47 PM
Locking this thread due to spam and its age. Feel free to start a new one if you still have questions.