CSS Tooltip

I once had to deal with the tooltip of a dropdown menu. The button which opened the menu right below it (on mouseover) had a tooltip which always appeared below the button as well, covering part of the first menu item, which made it annoying for the user to deal with.

Taggings:

Submitted by Angelos Arampatzis on Sat, 11/17/2018 - 18:22
1 answer

Since it was not really possible to change the positioning of the menu, I removed the button's tooltip and instead used CSS to create a DIV element which behaved exactly like a tooltip, containing the original tooltip's text. That way, I could control the element's position and ensure no elements are hidden. The element was also styled to resemble a typical browser tooltip.

Submitted by Angelos Arampatzis on Sat, 11/17/2018 - 18:24

Taggings:

Comments

This sounds like a common problem that everybody might run into sooner or later! Thanks for sharing!

 Marian Berendes - Mon, 12/10/2018 - 10:07 :::