The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

tooltip not working (or im failing)

3 posters

Go down

Solved tooltip not working (or im failing)

Post by Ravenstar 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
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 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
Sanket
ForumGuru

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

Back to top Go down

Solved Re: tooltip not working (or im failing)

Post by runawayhorses 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>

avatar
runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 166
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 October 3rd 2012, 4:27 am

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

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

http://warriorclan.forumotion.com/

Back to top Go down

Back to top

- Similar topics

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