tooltip not working (or im failing) Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

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.
3 posters

    tooltip not working (or im failing)

    Ravenstar
    Ravenstar
    Forumember


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

    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!
    Sanket
    Sanket
    ForumGuru


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

    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>
    avatar
    runawayhorses
    Hyperactive


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

    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>

    Ravenstar
    Ravenstar
    Forumember


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

    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