The Marquee Tag: Need help from a CSS/HTML Guru!

First, let me thank you for taking the time to take a look at this post. I did post this request at an affiliate site but haven't had a response on it and I'm in need of finding the answer as of .. forever [just joking]

Instead of re-doing everything, I just copied my message from the other location -- sorry for that.

I'm working on Splash/Intro/Landing page(s) for my forumotion website and this simple coding will allow me to crank out dozens of these type pages. For most of you, this is something easy but to me ... it's my worst nightmare (other than Freddie Kruger)

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>

It was suggested that I put my text inside of the tags but that didn't work .. here's what happened:
The closed marquee tag is showing up at the bottom.

Here's the result


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

Respectively

I am little confused with such a long question. However, i think this is what you are looking for.
Try this code.

Code:

 <div style="width:500px;height:180px">
    <img src="http://i77.servimg.com/u/f77/15/01/88/03/bf2_nt10.png"/>
      <marquee direction="up" onmouseover='this.stop()' onmouseout='this.start()'scrollamount="2"> <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></marquee>
    </div>

Thanks, Sanket!

I'll give it a whirl. Oh, and sorry for the long question. I had to make sure I was clear with everything since I don't know that much about CSS.

Thanks for your reply.

You Reign Supreme!

Is this solved?

Nope! Unfortunately, it didn't work...

When I used the code, the text didn't show on the image. I moved it around a bit and it still didn't work.

I'll see what I can do, I'm helping someone else right now with codes, but why not try this?
http://www.dynamicdrive.com/style/csslibrary/item/image_with_sliding_description_panel_using_css3_transitions/

Try this code. Check it on my test forum.
http://testing.4rumer.com/t37-marquee-test

Code:

<div style="width:500px;height:180px">
<img src="http://i77.servimg.com/u/f77/15/01/88/03/bf2_nt10.png"/>
<p style="width:150px; position:relative; top:-175px; float:right; margin-right:50px; color:white;"><marquee direction="up" height="150px" onmouseover='this.stop()' onmouseout='this.start()'scrollamount="2"><FONT SIZE="3" COLOR="8a4120">
Gaming signatures, Buttons, Ranks, anime graphics, design resources ... just testing stuff and making random text..blah</marquee>
</p></div>

Sir Chivas wrote:I'll see what I can do, I'm helping someone else right now with codes, but why not try this?
http://www.dynamicdrive.com/style/csslibrary/item/image_with_sliding_description_panel_using_css3_transitions/

Thank you, Sir Chivas, very informative pages. I'll be looking over each section.

To Sanket:

Perfect! You've made my day and I appreciate the time you spent helping me with this project.

You may close this thread, respectively.