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
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 divergenzecodice:<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>
Qualcuno è in grado di aiutarmi?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>

<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>
Rispondi quotando