From RuneGlory
(Created page with "<html> <body> <p><b> All skill guides<b></p> <table style="width:100%"> <tr> <td>Combat skills</td> <td> <div class="nav3" style="height:33%;"> <a href="https:...") |
|||
(18 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
+ | Testing images <br> | ||
+ | |||
<html> | <html> | ||
+ | <style> | ||
+ | |||
+ | .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/Guides/Skill_guides/Runecrafting"> | |
− | + | <img src="https://i.imgur.com/Ezmb51W.png" alt="my picture" height="32" width="32" /> | |
− | + | </a> | |
− | + | <span class="tooltiptext">Giant pouch</span> | |
− | |||
− | <div class=" | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | |||
− | |||
− | |||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 08:12, 14 November 2017
Testing images