Comments on: Tooltips in HTML and CSS

By: Paul Scott

Paul Scott — Tue, 26 Dec 2017 01:09:25 +0000

For the life of me, I cannot figure out where the white-colored round graphic comes from. The one on the left side of the text that you have to hover over, to get the tool tip (help). I would rather have a question mark, or other graphic, but I cannot see in your code where you are specifying the graphic that you are using. Please help. Thank you!

By: Neverlander

Neverlander — Fri, 11 Dec 2015 13:23:44 +0000

Hi,

Can you explain how did you shape tooltip arrows?

By: HGN

HGN — Mon, 06 Jul 2015 01:33:30 +0000

In reply to Francisco Gálvez. Thanks, you are right, without this :hover part, the tooltip doesn't work.

By: Ramakrishna

Ramakrishna — Mon, 30 Mar 2015 09:23:16 +0000

Hi,
Actually my problem is when i am adding the tooltip(not this one) to my code it will appear in diiferent paces in different browsers like in chrome it comes pretty perfect while open in an firefox or IE or opera it moves on to the picture.present i upload the one that is no problem with tooltip but that is not responsive.So could you please give me a brief idea about how to work it well ?
Thank you

By: Seb Kay

Seb Kay — Mon, 30 Mar 2015 08:54:55 +0000

In reply to Ramakrishna. If you post all your code over on JSFIddle, I'm more than happy to have a look at it and diagnose the problem for you :-)

By: Vinoth

Vinoth — Thu, 13 Nov 2014 07:50:06 +0000

I like this website because of it’s greater look-and-feel.
Since, I am a beginner on these technologies, I prefer this type of sites where I get to see good UIs.

Let me come to this sample UI. I cannot see the ToolTipText for the ‘left-aligned-tooltip’ when I minimize the browser window. Especially, when I minimize the browsers left side to near to this panel.

Is this a bug? Or can’t we popup the tool tip text only to the viewport which is visible to the user/viewer?

By: Francisco Gálvez

Francisco Gálvez — Thu, 26 Jun 2014 21:55:45 +0000

I think you forgot one important line of code…

.tooltip:hover .txt{ display:inline-block; }

; ) hope this help to others.

By: Navdeep

Navdeep — Thu, 26 Jun 2014 12:15:39 +0000

Great articles up here at InspirationalPixels, where were you this long?! Definitely gonna visit this site more often, good job 🙂