Tooltip problems  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.
4 posters

    Tooltip problems

    Avedo
    Avedo
    Forumember


    Posts : 39
    Reputation : 1
    Language : English

    Solved Tooltip problems

    Post by Avedo Sun 27 Mar - 0:51

    Hi everyone,

    We're currently having Tooltip problems. - It does work whenever we hover over the image (this is what we want) although text / images that are blow it have also got an usual tooltip and have no idea how to solve this.

    Here's the current code we're using & an attachment image.

    Code we're using its placed in the rank section.

    Code:
    Member  <a class="tooltips"><img src=http://i66.tinypic.com/rbcch0.png" /><span>Verified</span>

    The tooltip isn't supposed to be there; it's supposed to be just by the tick whenever someone hovers over it.

    Tooltip problems  2016-012


    (Look in the bottom-right.)


    Last edited by Avedo on Mon 28 Mar - 13:18; edited 1 time in total
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Tooltip problems

    Post by SLGray Sun 27 Mar - 0:53

    I do not see it.  I guess it only appears if you are logged in.



    Tooltip problems  Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Avedo
    Avedo
    Forumember


    Posts : 39
    Reputation : 1
    Language : English

    Solved Re: Tooltip problems

    Post by Avedo Sun 27 Mar - 0:54

    SLGray wrote:I do not see it.  I guess it only appears if you are logged in.

    At the moment we've disabled the friends and foe's management. We'll enable it again so you can debunk the issue.

    Edit: If you look here http://forums.avedoofficial.com/u13 at the friends section however over "Verified Friends" & the tooltip will appear, logged in or not.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Tooltip problems

    Post by SLGray Sun 27 Mar - 0:56

    Please let us know when you activate it again.



    Tooltip problems  Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Avedo
    Avedo
    Forumember


    Posts : 39
    Reputation : 1
    Language : English

    Solved Re: Tooltip problems

    Post by Avedo Sun 27 Mar - 0:56

    Enabled; If you look here http://forums.avedoofficial.com/u13 at the friends section however over "Verified Friends" & the tooltip will appear, logged in or not.
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Tooltip problems

    Post by SLGray Sun 27 Mar - 1:05

    Where did you get this code from?



    Tooltip problems  Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Avedo
    Avedo
    Forumember


    Posts : 39
    Reputation : 1
    Language : English

    Solved Re: Tooltip problems

    Post by Avedo Sun 27 Mar - 1:06

    SLGray wrote:Where did you get this code from?

    We got it from a website can't remember specifically which one.

    Edit: The website we got this from is on: http://www.cssportal.com/css-tooltip-generator/ we had to make the code shorter because it wouldn't fit in the rank section.
    Ange Tuteur
    Ange Tuteur
    Forumaster


    Male Posts : 13207
    Reputation : 3000
    Language : English & 日本語
    Location : Pennsylvania

    Solved Re: Tooltip problems

    Post by Ange Tuteur Mon 28 Mar - 2:14

    Hi,

    The HTML tags in your first post are erroneous :
    Code:
    <a class="tooltips">
      <img src=http://i66.tinypic.com/rbcch0.png" />
      <span>Verified</span>

    If you look closely you can see that the closing anchor tag is missing. ( I've indented the code so you can read it easier ) I'm assuming there's another closing anchor around this area which is causing the problem you've mentioned. Think

    Try closing this tag and it should solve the problem. If not, let me know. Smile

    Corrected code :
    Code:
    Member <a class="tooltips"><img src=http://i66.tinypic.com/rbcch0.png" /><span>Verified</span></a>
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51498
    Reputation : 3523
    Language : English
    Location : United States

    Solved Re: Tooltip problems

    Post by SLGray Mon 28 Mar - 4:25

    Could it be that there are too many characters in the rank title which is removing the closing tag?



    Tooltip problems  Slgray10

    When your topic has been solved, ensure you mark the topic solved.
    Never post your email in public.
    Avedo
    Avedo
    Forumember


    Posts : 39
    Reputation : 1
    Language : English

    Solved Re: Tooltip problems

    Post by Avedo Mon 28 Mar - 12:58

    That's the reason why I had to change it I'm afraid, there just wasn't enough room in the rank title. Is there any way to increase the characters?

    Edit: Instead of Member it's now user and was able to add </a> and it worked!! Thank you!
    Ape
    Ape
    Administrator
    Administrator


    Male Posts : 19325
    Reputation : 2005
    Language : fluent in dork / mumbojumbo & English haha

    Solved Re: Tooltip problems

    Post by Ape Mon 28 Mar - 14:53

    Tooltip problems  Ipost12

    Topic solved and archived
       
     



    Tooltip problems  Left1212Tooltip problems  Center11Tooltip problems  Right112
    Tooltip problems  Ape_b110
    Tooltip problems  Ape1010