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.

tooltip not working (or im failing)

View previous topic View next topic Go down

Solved tooltip not working (or im failing)

Post by Ravenstar on October 2nd 2012, 10:00 am

ok, good coders needed here!
___________________________________

ok, i have made an image, that when you click on it, takes you to another website (i have already made this)
but! i also want it so that when you hover your mouse over the image, it comes up with some text, ive tried using w3schools examples, but i cant seem to get it right.. if someone could help me or post the correct code here that would be awesome!

this is the link/image that needs the tooltip on it:
Code:
<a href="http://warriorclan.forumotion.com/">
<img src="http://www.loogix.com/img/res/1/3/4/9/1/7/13491746773038257.gif" height="40" /></a>


thanks alot!

Ravenstar
Forumember

Male Posts : 54
Reputation : 2
Language : English|Javascript|HTML|Lua|
Location : :3 somwhere!

http://warriorclan.forumotion.com/

Back to top Go down

Solved Re: tooltip not working (or im failing)

Post by Sanket on October 2nd 2012, 9:10 pm

You can use such a code.
Code:
<a href="http://warriorclan.forumotion.com/">
<img src="http://www.loogix.com/img/res/1/3/4/9/1/7/13491746773038257.gif" alt="Text of whatever you want" height="40" /></a>

Sanket
ForumGuru

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

http://webartzforum.com

Back to top Go down

Solved Re: tooltip not working (or im failing)

Post by runawayhorses on October 3rd 2012, 2:01 am

Rideem is correct you need to use a title tag to show the title of the document, ALT tag won't show any message but its good for people who choose to surf with images turned off, to speed up downloading, and people who do not have the option of viewing the images like blind people using text-to-speech converters, and its also good for SEO. Title tags are good to use for SEO also.

Another way to write the title tag is you can put it at the end of the image URL, and also include the ALT tag if you want in the line of code, like this example below. Also if you're going to link and image using HTML and you don't want a border to show around the image for Internet Explorer you need to use a "border="0" tag.

Code:
<a href="http://warriorclan.forumotion.com/"><img src="http://www.loogix.com/img/res/1/3/4/9/1/7/13491746773038257.gif" title="Your Title Here" alt="Your Title Here" height="40" border="0" /></a>

Note: If you're going to include a "Height" tag you should also include the "Width" tag like this example:

The actual width and height of that image is 300x38, but of course to can change that.

Code:
<a href="http://warriorclan.forumotion.com/"><img src="http://www.loogix.com/img/res/1/3/4/9/1/7/13491746773038257.gif" title="Your Title Here" alt="Your Title Here" height="38" width="300" border="0" /></a>


runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: tooltip not working (or im failing)

Post by Ravenstar on October 3rd 2012, 4:27 am

thankyou all! it works perfectly now, thanks for your help

Ravenstar
Forumember

Male Posts : 54
Reputation : 2
Language : English|Javascript|HTML|Lua|
Location : :3 somwhere!

http://warriorclan.forumotion.com/

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