Originariamente inviato da SimoGecko
vorrei ( basandomi su questo articolo) far apparire il tooltip a destra della scritta sorvolata e se possibile mettere un cellspacing per fare in modo che la mia scritta non sia proprio attaccata al bordo... come posso fare? grazie mille a tutti DD
codice:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Tootltip CSS: esempio 2;</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<style type="text/css">

a span.tt-container
{
   display:none;
}
a:hover { position: relative; }

a:hover span.tt-container {
    background: #efa60a;
    display:block;
    height: 3em;
    position: absolute;
    left: -90px;
    top: 2em;
    z-index: 1;
    width: 7em;
}
a:hover span.tt-arrow {
    background-image:url(tooltiparrow.gif);
    height: 15px;
    left: 90px;
    position: absolute;
    top: -15px;
    width: 15px;
}
a:hover span.tt-text p{ padding: 0px 0 0 10px; }

</style>

</head>
<body>


Questo link è un  
<a href="#">Tooltip
    <span class="tt-container">
        <span class="tt-arrow"></span>
        <span class="tt-text">

Testo</p></span>
    </span>
    </a>: passa il mouse sopra per vederlo in azione.
</p>

</body>
</html>