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 D
D
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>
Permessi di invio
Rispondi quotando