Salve ragazzi ho un codice dove c'è un testo e come ci passi sopra appare un div che ha una freccia che indica il vecchio testo (scusate il giro di parole) e funziona perfettamente
codice:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>    
<script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>    
<style>   
#scanu {   
background:black;   
color:white;   
padding: 5px 10px;   
-moz-border-radius: 8px;   
-webkit-border-radius: 8px;   
filter:alpha(opacity=68);    
-moz-opacity:.68;   
opacity:.68;   
}
#desc_container {
position: relative;
 top: 9px;
 left: 10px;
 max-width: 350px;
}
.freccia {
position: absolute;
 top: 30%;
left: -6px;
}
</style>  












<h2 class="forumtitle">
<div id="title_container">
<a title="
<div id='desc_container'>
<div id='scanu'>
{vb:raw forum.description}
</div>
</div>
">{vb:raw forum.title}</a>
</div>
</h2>
<script>   
$("#title_container a[title]").tooltip({   
position: "center right",   
effect: "slide"   
});   
</script>
Solo che se quel testo è molto lungo allora la freccetta non indica più il testo. Per capire meglio basta provare il codice sopra e quello sotto per trovare le divergenze
codice:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>    
<script src="http://cdn.jquerytools.org/1.2.6/all/jquery.tools.min.js"></script>    
<style>   
#scanu {   
background:black;   
color:white;   
padding: 5px 10px;   
-moz-border-radius: 8px;   
-webkit-border-radius: 8px;   
filter:alpha(opacity=68);    
-moz-opacity:.68;   
opacity:.68;   
}
#desc_container {
position: relative;
 top: 9px;
 left: 10px;
 max-width: 350px;
}
.freccia {
position: absolute;
 top: 30%;
left: -6px;
}
</style>  












<h2 class="forumtitle">
<div id="title_container">
<a title="
<div id='desc_container'>
<div id='scanu'>
{vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description} {vb:raw forum.description}
</div>
</div>
">{vb:raw forum.title}</a>
</div>
</h2>
<script>   
$("#title_container a[title]").tooltip({   
position: "center right",   
effect: "slide"   
});   
</script>
Qualcuno è in grado di aiutarmi?