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?