Hallo zusammen,
also ich stehe hier am Rande des Wahnsinns, weil so ein simples Tooltip nicht läuft. Vielleicht seht ihr ja was ich übersehen habe.
Ich benutze Jquery 1.4.2 und habe das ganze mal in eine eigene HTML und CSS gepackt wo nur die minimalsten scripte drin stehen und es klappt trotzdem nicht. Folgendes konnte ich schon ausschließen
- Die gleiche library funktioniert aber wenn ich sie für andere scripte benutze
- das CSS wird geladen
- die Bilder werden auch geladen
hier mal das HTML
und das CSS
Hoffe ihr habt eine Idee ...
also ich stehe hier am Rande des Wahnsinns, weil so ein simples Tooltip nicht läuft. Vielleicht seht ihr ja was ich übersehen habe.
Ich benutze Jquery 1.4.2 und habe das ganze mal in eine eigene HTML und CSS gepackt wo nur die minimalsten scripte drin stehen und es klappt trotzdem nicht. Folgendes konnte ich schon ausschließen
- Die gleiche library funktioniert aber wenn ich sie für andere scripte benutze
- das CSS wird geladen
- die Bilder werden auch geladen
hier mal das HTML
Code:
<!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="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" href="t_tooltip.css">
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery-ui.min.js" type="text/javascript"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){
//$('.test_div *').tooltip();
$("[title]").tooltip();
});
</script>
</head>
<body>
<div class="test_div" title="title für test div"> sdfs dfsd fsdfsdf </div>
<br />
<br />
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
mauris vel est.<br /><br />
<img src="cont/screen/pxa_01.jpg" title="test title tag"><br />
</body>
</html>und das CSS
Code:
.tooltip{
display:none;
background-image:transparent url(gui/tooltip.png);
height:130px;
padding:40px 30px 10px 30px;
width:300px;
font-size:11px;
color:#fff;
}Hoffe ihr habt eine Idee ...
