5 {{ upvoteCount | shortNum }}
5 {{ upvoteCount | shortNum }}

Linking procedure

by Dave Everett
4 replies
Is it possible to have an HTML hyperlink on a page that will also show the details of what the linked item is when you hover over it with your mouse? If so, how please.
#linking #procedure
  • Profile picture of the author fpforum
    One simple way of doing this would be to use the "title" tag. For example..

    Code:
    <a href="http://www.domain.com/linktoproduct" title="Description of Product">Product Anchor Text</a>
    Hope this is what you were looking for!
    Signature
    Free SEO Software - Start Improving Your Rankings Today!
    Windows VPS Servers - Cheap Windows VPS Servers With Instant Setup!
    {{ DiscussionBoard.errors[9959907].message }}
    • Profile picture of the author Dave Everett
      Originally Posted by fpforum View Post

      One simple way of doing this would be to use the "title" tag. For example..

      Code:
      <a href="http://www.domain.com/linktoproduct" title="Description of Product">Product Anchor Text</a>
      Hope this is what you were looking for!
      That looks to be exactly what I was looking for. Thanks!
      {{ DiscussionBoard.errors[9959919].message }}
  • Profile picture of the author kewkii
    You can also use JQuery if you want to get your 'hands dirty'. Examples in the link below. But the simplest way is the title attribute in the anchor tag.

    https://jqueryui.com/tooltip/#custom-style
    {{ DiscussionBoard.errors[9959921].message }}
  • Profile picture of the author heroboy
    Originally Posted by Dave Everett View Post

    Is it possible to have an HTML hyperlink on a page that will also show the details of what the linked item is when you hover over it with your mouse? If so, how please.

    If you are hyper linking text, you can use the TITLE attribute for the purpose.

    However, for images, you will be required to use an ALT atribute. Example below:

    Code:
     <img src="Apple.jpg" height="500" width="500" alt="This is a Green Apple">
    {{ DiscussionBoard.errors[9960533].message }}

Trending Topics