Ho cercato nel forum ma non riesco a trovare quello che mi serve.
Questo il CSS che ho associato ai link della mia pagina HTML:
<style type="text/css">
a{ position:relative;
z-index:24; color: #555;
text-decoration: none}
a:hover{ z-index: 25; background-color: #FFF}
a span{display: none}
a:hover span{
display: block; position:absolute;
top: 20px; left: 20px; width: 150px;
border: 1px solid #CCC; background-color: #F8F8F8; color:#777;
font-size: 11px; text-align: left;
padding-left: 4px;
padding-right: 4px;
padding-bottom: 2px;
padding-top: 2px;
}
</style>
Per i links in questione ho usato il tag <span>Testo di prova</span>, questo per fare in modo che con l'evento hover mi si visualizzi anche una sorta di effetto <title> - o <alt> se credete, ma non dovreste - che posso modificare nei colori e dimensioni. Tutto funziona perfettamente, e questo mi rende molto felice.
Ora mi chiedevo: io ho settato la larghezza di questo <title> in CSS a 150px. Se volessi fare in modo che questo valore mi si addattasse automaticamente alla lunghezza del testo contenuto nel <title>, come potrei fare? Ho provato con "auto", però il testo viene mandato a capo parola per parola, e la nuova lungezza viene calcolata in base alla parola più lunga.
Qualche consiglio, script, link?
E se non è possibile con i semplici CSS... amen.
Grazie,
goat