From RuneGlory
| Line 2: | Line 2: | ||
<html> | <html> | ||
| + | <style> | ||
| + | .tooltip { | ||
| + | position: relative; | ||
| + | display: inline-block; | ||
| + | border-bottom: 1px dotted black; | ||
| + | } | ||
| + | |||
| + | .tooltip .tooltiptext { | ||
| + | visibility: hidden; | ||
| + | width: 120px; | ||
| + | background-color: black; | ||
| + | color: #fff; | ||
| + | text-align: center; | ||
| + | border-radius: 6px; | ||
| + | padding: 5px 0; | ||
| + | |||
| + | /* Position the tooltip */ | ||
| + | position: absolute; | ||
| + | z-index: 1; | ||
| + | } | ||
| + | |||
| + | .tooltip:hover .tooltiptext { | ||
| + | visibility: visible; | ||
| + | } | ||
| + | </style> | ||
| + | |||
<body> | <body> | ||
| + | <div class="tooltip"> | ||
<a href="https://wiki.etherumps.com/Main_page"> | <a href="https://wiki.etherumps.com/Main_page"> | ||
<img src="https://i.imgur.com/Ezmb51W.png" alt="my picture" height="32" width="32" /> | <img src="https://i.imgur.com/Ezmb51W.png" alt="my picture" height="32" width="32" /> | ||
| − | </a> | + | </a> |
| + | <span class="tooltiptext">Giant pouch</span> | ||
| + | </div> | ||
| + | |||
</body> | </body> | ||
</html> | </html> | ||
Revision as of 15:01, 13 November 2017
Testing images
Giant pouch
