| Tooltip Con HTML e CSS |
| Scritto da Federica |
| Venerdì 18 Gennaio 2008 17:07 |
|
Questo esempio è stato testato su Firefox, Konqueror, Internet explorer 6 e internet explorer 7. Il segreto sta nell'includere uno <span> in un tag <a> <a href="http://www......." class="tooltip"><img class="tooltip" src="/tooltip.png"><span class="tt-container"><span class="tt-text">testo del tooltip"</span></span></a> e poi inserire nel css un controllo che descrive il tag <a> come link e uno che descrive lo <span> relativo al tag <a> per lo stato over .tooltip { border: none; } a span.tt-container { display:none; } a:hover { position: relative; text-decoration: none; border-style: none; } a:hover span.tt-container { background: #FFC8CE; border: 1px solid #CC0000; display:block; height: 10em; position: absolute; top: -10em; left: 1em; z-index: 50; width: 15em; padding: 3px; } a:hover span.tt-text { padding: 10px; text-decoration: none; font-weight: normal; } Se vuoi visualizzare un esempio posiziona il mouse su questa icona  testo del tooltip |
It seams that module Activation (mod_jstats_activate) is not installed correctly. Please refer to JoomlaStats extension installation problem page.
Commenti