howto - all websites: code - tooltip rev 26 may 2019 Canonical name in comments/code: tooltip or ttp ....................................................... the code for tooltip ..................... the html: ..................... -core.css: /* {{ tooltip! */ a.ttponly { cursor: help; border-bottom: 1px dashed #eaa1a1; /* light dusty pink */ } a.ttp span { display: none; color: #6c6c6c; background-color: #fff; border: 1px solid #cccccc; padding: 8px 12px; margin-top: 15px; margin-left: 5px; z-index: 4000; } a.ttp.outlink span:after { content: ' (new window - secure tab)'; } /* small one */ a.ttp.sm span { font-size: .8em; color: #fff; background-color: #b2b4b4; padding: 0 8px; border-radius: 4px; } a.ttp:hover span { display: inline; position: absolute; } /* }} tooltip. */ ..................... -main.css - sample additional styling: _______________________________________________________ begin 26 may 2019 -- 0 --