The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

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

View previous topic View next topic Go down

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

Post by Rouge on April 22nd 2013, 5:47 pm

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 loul [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)

#####Here's The Request#####
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 scratch



Rouge
Forumember

Female Posts : 120
Reputation : 9
Language : English
Location : USA-Ohio

Back to top Go down

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

Post by Sanket on April 22nd 2013, 6:32 pm

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>

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

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

Post by Rouge on April 22nd 2013, 11:49 pm

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!

Rouge
Forumember

Female Posts : 120
Reputation : 9
Language : English
Location : USA-Ohio

Back to top Go down

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

Post by Sir Chivas™ on April 22nd 2013, 11:51 pm

Is this solved?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

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

Post by Rouge on April 23rd 2013, 12:00 am

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.

Rouge
Forumember

Female Posts : 120
Reputation : 9
Language : English
Location : USA-Ohio

Back to top Go down

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

Post by Sir Chivas™ on April 23rd 2013, 12:11 am

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/



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6783
Reputation : 430
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

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

Post by Sanket on April 23rd 2013, 7:21 am

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>

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

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

Post by Rouge on April 23rd 2013, 11:20 am

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

Rouge
Forumember

Female Posts : 120
Reputation : 9
Language : English
Location : USA-Ohio

Back to top Go down

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

Post by Jophy on April 23rd 2013, 11:32 am

Topic Solved & Locked

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum