Sorry to bother you guys but I really need assistance with the use of the marquee tool inside <p style attribute.

Here is what I'm trying to:

1. Here is the image: (no worries; I designed this myself and using it just for learning purposes)



2. I would like to scroll text on the right side of the image. It's frustrating because when I do get the text to scroll, it's scrolls underneath the image instead of on top of it.

3. I would also like to scroll the text so many pixels from the top and bottom; that is, I would like to keep the text from scrolling all the way to the top of the page; but within a certain width and height.

Here's what I've come up with so far:

This is the marquee tag I'm using:

Code:

<marquee direction="up" onmouseover='this.stop()' onmouseout='this.start()'scrollamount="2"><FONT SIZE="3" COLOR="8a4120">

Code:

<div style="width:500px;height:180px">
<img src="images/bf2_nt.png"/>
<p style="width:150px; position:relative; top:-175px; float:right; margin-right:50px; color:white;">
Gaming signatures, Buttons, Ranks, anime graphics, design resources ... just testing stuff and making random text..blah
</p>
</div>
</body>
</html>

Thank you so much in advance for your assistance. Additionally, it would great if it can be done without using javascript.

Respectively

try is code

<marquee direction="up" onmouseover='this.stop()' onmouseout='this.start()'scrollamount="2"><FONT SIZE="3" COLOR="8a4120">your text here</marquee>

Code:

<marquee direction="up" onmouseover='this.stop()' onmouseout='this.start()'scrollamount="2"><FONT SIZE="3" COLOR="8a4120">your text here</marquee>

I'm sorry but that doesn't seem to work. The closed marquee tag is showing up at the bottom.

Here's the result

Thanks for your time.

This has been taken care of

I know who solved it.
Solved | Locked