Witam.
Mam problem z tooltipem.
Chcę aby tooltip wyświetlał się po najechaniu na napis "OPIS" i na obrazku obok (1.jpg), a nie w całym wierszu aż do końca.
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<meta http-equiv="Content-Language" content="pl" />
<body background="tlo.jpg">
<body leftmargin="200">
<body marginwidth="200">
</body>
<style>
span {
display:none;
position:absolute;
z-index:1000;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.tooltip-style1 {
background:#5a85a5 url(2.jpg) center no-repeat;
color:white;
height:256px;
width:640px;
}
pre {
font-size:10px;
}
select.icon-menu option {
background-repeat:no-repeat;
background-position:bottom left;
padding-left:20px;
}
</style>
<!-- load jQuery from Google AJAX Libraries API -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".tooltips").hover(
function() { $(this).contents("span:last-child").css({ display: "block" }); },
function() { $(this).contents("span:last-child").css({ display: "none" }); }
);
$(".tooltips").mousemove(function(e) {
var mousex = e.pageX + 10;
var mousey = e.pageY + 5;
$(this).contents("span:last-child").css({ top: mousey, left: mousex });
});
});
</script>
</head>
<body >
<BR>
<BR>
<BR>
<div id="header_container" class="grid_16"><div id="header_wrapper" class="tooltips">OPIS :
<img src="1.jpg" width="15" height="20" border="0" /><span class="tooltip-style1"></span>
</div>
</div>
</body>
Tooltip - problem
Robert93 Tooltip - problem 13.10.2010, 18:27:00 
