hi leute,
ich habe schon mehrfach ein tooltip nach <a href="http://www.sohtanaka.com/web-design/simple-tooltip-w-jquery-css/">diesem tutorial</a> benutzt.
auf meiner eigenen seite funktioniert das auch wunderbar, aber auf einer anderen ändert sich nach zig einstellungen nichts.
hier mal der code aus der header.php
und so sieht die stelle aus, an der es aufgerufen wird
hier ist mal ein link zur seite
das problem ist, dass der tooltip viel zu weit weg ist und aus dem sichtbereich rutscht...
ich vermute mal, dass sich da irgendwas behindert, aber ich finds einfach nicht.
danke euch schonmal für eure hilfe
ich habe schon mehrfach ein tooltip nach <a href="http://www.sohtanaka.com/web-design/simple-tooltip-w-jquery-css/">diesem tutorial</a> benutzt.
auf meiner eigenen seite funktioniert das auch wunderbar, aber auf einer anderen ändert sich nach zig einstellungen nichts.
hier mal der code aus der header.php
PHP:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<profile="http://gmpg.org/xfn/11">
<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css' />
<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />
<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> » Blog Archiv <?php } ?> <?php wp_title(); ?></title>
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/images/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php bloginfo('rss2_url'); ?>" />
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
<!--das da braucht WP fuer die Kommentare-->
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
<?php wp_enqueue_script('jquery');?>
<script src="http://cdn.jquerytools.org/1.2.0/jquery.tools.min.js" type="text/javascript"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/jquery.js"></script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/js/easySlider1.7.js"></script>
<script src="<?php bloginfo('template_directory'); ?>/jquery.validate.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/jquery.placeholder.js" type="text/javascript"></script>
<script src="<?php bloginfo('template_directory'); ?>/jquery.form.js" type="text/javascript"></script>
<script type="text/javascript">
<!-- tooltip und jquery slider -->
$(document).ready(function() {
//Tooltips
$(".tip_trigger").hover(function(){
tip = $(this).find('.tip');
tip.show(); //Show tooltip
}, function() {
tip.hide(); //Hide tooltip
}).mousemove(function(e) {
var mousex = e.pageX + 10; //<-- *** Du must diese Zahl (20) ändern auf z.B. 10 ***
var mousey = e.pageY + 10; //<--
var tipWidth = tip.width();
var tipHeight = tip.height();
var tipVisX = $(window).width() - (mousex + tipWidth);
var tipVisY = $(window).height() - (mousey + tipHeight);
if ( tipVisX < 20 ) {
mousex = e.pageX - tipWidth - 10;
} if ( tipVisY < 20 ) {
mousey = e.pageY - tipHeight - 10;
}
tip.css({ top: mousey, left: mousex });
});
$('#contact').ajaxForm(function() {
alert("vielen dank für ihre nachricht");
});
$("#slider").easySlider({
auto: false,
continuous: true,
});
});
<!-- ende tooltip und jquery slider -->
<!-- preloader -->
function LadeInfo() {
if (document.getElementById) {
document.getElementById('hidepage').style.visibility = 'hidden';
}
else {
if (document.layers) {
document.hidepage.visibility = 'hidden';
}
else {
document.all.hidepage.style.visibility = 'hidden';
}
}
}
</script>
<!-- ende preloader -->
<!--das nicht loeschen, plugins brauchen dies-->
<?php wp_head(); ?>
<div id="hidepage">
<div id="loader">
<img src="<?php bloginfo('template_directory'); ?>/images/loading-animation.gif" />
</div>
</div>
<div id="vorladen">
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetikettenaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbungaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftungaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/contentmanagementsystemeaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnenaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftungaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/flyeraustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattungaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiereaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbungaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilderaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandisingaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messeaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletteraustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographieaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakateaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/planenundbanneraustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayoutaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilderaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruckaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekorationaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webbanneraustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesignaustausch.png" width="0" height="0"/>
<img src="<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsystemeaustausch.png" width="0" height="0"/>
</div>
</head>
<body OnLoad="LadeInfo()">
<div id="wrapper">
<div id="header">
<div id="headhanger"><img src="<?php bloginfo('template_directory'); ?>/images/headhanger.png" /></div>
<div id="logo">
<a href="http://www.cottbus-werbung.de/wordpress/">
<img src="<?php bloginfo('template_directory'); ?>/images/logo.png" border="0" alt="werkzwei" align="right">
</a>
</div>
<!-- navigation -->
<div id="navigation">
<ul>
<li>
<a href="http://www.cottbus-werbung.de/wordpress/"
onmouseover="
photographie.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographie.png';
satzundlayout.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayout.png';
logosunderscheinungsbilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilder.png';
fahrzeugbeschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftung.png';
planenundbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/planenundbanner.png';
messe.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messe.png';
aussenwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbung.png';
leuchtwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbung.png';
beschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftung.png';
textildruck.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruck.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetiketten.png';
wegeundleitsysteme.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsysteme.png';
schilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilder.png';
fahnen.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnen.png';
merchandising.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandising.png';
flyer.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/flyer.png';
geschaeftsausstattung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattung.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetiketten.png';
plakate.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakate.png';
geschaeftspapiere.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiere.png';
newsletter.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletter.png';
webdesign.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesign.png';
wanddekoration.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekoration.png';
webbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webbanner.png';
">
<img src="<?php bloginfo('template_directory'); ?>/images/alles.gif" border="0" alt="alles" align="">
</a>
</li>
<li><img src="<?php bloginfo('template_directory'); ?>/images/trenner.gif" /></li>
<li><a href="http://www.cottbus-werbung.de/wordpress/"
onmouseover="
flyer.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/flyeraustausch.png';
fahrzeugbeschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftungaustausch.png';
planenundbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/planenundbanneraustausch.png';
newsletter.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletteraustausch.png';
messe.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messeaustausch.png';
aussenwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbungaustausch.png';
leuchtwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbungaustausch.png';
beschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftungaustausch.png';
geschaeftsausstattung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattungaustausch.png';
textildruck.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruckaustausch.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetikettenaustausch.png';
plakate.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakateaustausch.png';
webdesign.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesignaustausch.png';
wanddekoration.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekorationaustausch.png';
wegeundleitsysteme.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsystemeaustausch.png';
webbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webbanneraustausch.png';
geschaeftspapiere.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiereaustausch.png';
schilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilderaustausch.png';
fahnen.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnenaustausch.png';
merchandising.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandisingaustausch.png';
photographie.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographie.png';
satzundlayout.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayout.png';
logosunderscheinungsbilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilder.png';"
onclick="
flyer.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/flyeraustausch.png';
fahrzeugbeschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftungaustausch.png';
planenundbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/planenundbanneraustausch.png';
newsletter.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletteraustausch.png';
messe.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messeaustausch.png';
aussenwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbungaustausch.png';
leuchtwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbungaustausch.png';
beschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftungaustausch.png';
geschaeftsausstattung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattungaustausch.png';
textildruck.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruckaustausch.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetikettenaustausch.png';
plakate.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakateaustausch.png';
webdesign.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesignaustausch.png';
wanddekoration.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekorationaustausch.png';
wegeundleitsysteme.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsystemeaustausch.png';
webbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webbanneraustausch.png';
geschaeftspapiere.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiereaustausch.png';
schilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilderaustausch.png';
fahnen.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnenaustausch.png';
merchandising.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandisingaustausch.png';
photographie.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographie.png';
satzundlayout.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayout.png';
logosunderscheinungsbilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilder.png';
">
<img src="<?php bloginfo('template_directory'); ?>/images/gestaltung.gif" border="0"/></a></li>
<li><img src="<?php bloginfo('template_directory'); ?>/images/trenner.gif" /></li>
<li>
<a href="http://www.cottbus-werbung.de/wordpress/"
onmouseover="
flyer.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/flyeraustausch.png';
newsletter.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletteraustausch.png';
logosunderscheinungsbilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilderaustausch.png';
geschaeftsausstattung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattungaustausch.png';
plakate.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakateaustausch.png';
webdesign.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesignaustausch.png';
wanddekoration.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekorationaustausch.png';
webbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webbanneraustausch.png';
geschaeftspapiere.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiereaustausch.png';
satzundlayout.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayoutaustausch.png';
photographie.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographieaustausch.png';
fahrzeugbeschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftung.png';
planenundbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/planenundbanner.png';
messe.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messe.png';
aussenwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbung.png';
leuchtwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbung.png';
beschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftung.png';
textildruck.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruck.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetiketten.png';
wegeundleitsysteme.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsysteme.png';
schilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilder.png';
fahnen.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnen.png';
merchandising.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandising.png';"
onclick="
flyer.src='<?php bloginfo('template_directory'); ?>/werkzwei/images/vorschaubilder/flyeraustausch.png';
newsletter.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletteraustausch.png';
logosunderscheinungsbilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilderaustausch.png';
geschaeftsausstattung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattungaustausch.png';
plakate.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakateaustausch.png';
webdesign.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesignaustausch.png';
wanddekoration.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekorationaustausch.png';
webbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webbanneraustausch.png';
geschaeftspapiere.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiereaustausch.png';
satzundlayout.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayoutaustausch.png';
photographie.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographieaustausch.png';
fahrzeugbeschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftung.png';
planenundbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/planenundbanner.png';
messe.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messe.png';
aussenwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbung.png';
leuchtwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbung.png';
beschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftung.png';
textildruck.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruck.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetiketten.png';
wegeundleitsysteme.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsysteme.png';
schilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilder.png';
fahnen.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnen.png';
merchandising.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandising.png';"
>
<img src="<?php bloginfo('template_directory'); ?>/images/werbung.gif" border="0" /></a></li>
<li><img src="<?php bloginfo('template_directory'); ?>/images/trenner.gif" /></li>
<li>
<a href="http://www.cottbus-werbung.de/wordpress/"
onmouseover="
fahrzeugbeschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftungaustausch.png';
newsletter.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletteraustausch.png';
messe.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messeaustausch.png';
aussenwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbungaustausch.png';
leuchtwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbungaustausch.png';
beschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftungaustausch.png';
photographie.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographieaustausch.png';
logosunderscheinungsbilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilderaustausch.png';
satzundlayout.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayoutaustausch.png';
textildruck.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruckaustausch.png';
webdesign.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesignaustausch.png';
wegeundleitsysteme.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsystemeaustausch.png';
webbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webbanneraustausch.png';
schilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilderaustausch.png';
fahnen.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnenaustausch.png';
merchandising.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandisingaustausch.png';
flyer.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/flyer.png';
geschaeftsausstattung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattung.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetiketten.png';
plakate.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakate.png';
wanddekoration.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekoration.png';
geschaeftspapiere.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiere.png';"
onclick="
fahrzeugbeschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftungaustausch.png';
newsletter.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletteraustausch.png';
messe.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messeaustausch.png';
aussenwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbungaustausch.png';
leuchtwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbungaustausch.png';
beschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftungaustausch.png';
photographie.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographieaustausch.png';
logosunderscheinungsbilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilderaustausch.png';
satzundlayout.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayoutaustausch.png';
textildruck.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruckaustausch.png';
webdesign.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesignaustausch.png';
wegeundleitsysteme.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsystemeaustausch.png';
webbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsystemeaustausch.png';
schilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilderaustausch.png';
fahnen.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnenaustausch.png';
merchandising.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandisingaustausch.png';
flyer.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/flyer.png';
geschaeftsausstattung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattung.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetiketten.png';
wanddekoration.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekoration.png';
plakate.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakate.png';
geschaeftspapiere.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiere.png';"
>
<img src="<?php bloginfo('template_directory'); ?>/images/druck.gif" border="0" /></a></li>
<li><img src="<?php bloginfo('template_directory'); ?>/images/trenner.gif" /></li>
<li>
<a href="http://www.cottbus-werbung.de/wordpress/"
onmouseover="
flyer.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/flyeraustausch.png';
fahrzeugbeschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftungaustausch.png';
planenundbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/planenundbanneraustausch.png';
messe.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messeaustausch.png';
aussenwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbungaustausch.png';
leuchtwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbungaustausch.png';
beschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftungaustausch.png';
photographie.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographieaustausch.png';
logosunderscheinungsbilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilderaustausch.png';
satzundlayout.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayoutaustausch.png';
geschaeftsausstattung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattungaustausch.png';
textildruck.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruckaustausch.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetikettenaustausch.png';
plakate.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakateaustausch.png';
wegeundleitsysteme.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsystemeaustausch.png';
geschaeftspapiere.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiereaustausch.png';
schilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilderaustausch.png';
fahnen.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnenaustausch.png';
merchandising.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandisingaustausch.png';
wanddekoration.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekorationaustausch.png';
newsletter.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletter.png';
webdesign.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesign.png';
webbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webbanner.png';"
onclick="
flyer.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/flyeraustausch.png';
fahrzeugbeschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftungaustausch.png';
planenundbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/planenundbanneraustausch.png';
messe.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messeaustausch.png';
aussenwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbungaustausch.png';
leuchtwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbungaustausch.png';
beschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftungaustausch.png';
photographie.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographieaustausch.png';
logosunderscheinungsbilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilderaustausch.png';
satzundlayout.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayoutaustausch.png';
geschaeftsausstattung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattungaustausch.png';
textildruck.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruckaustausch.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetikettenaustausch.png';
plakate.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakateaustausch.png';
wegeundleitsysteme.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsystemeaustausch.png';
geschaeftspapiere.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiereaustausch.png';
schilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilderaustausch.png';
fahnen.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnenaustausch.png';
merchandising.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandisingaustausch.png';
wanddekoration.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekorationaustausch.png';
newsletter.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletter.png';
webdesign.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesign.png';
webbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webbanner.png';"
>
<img src="<?php bloginfo('template_directory'); ?>/images/internet.gif" border="0" /></a></li>
<li><img src="<?php bloginfo('template_directory'); ?>/images/trenner.gif" /></li>
<li>
<a href="http://www.cottbus-werbung.de/wordpress/produktabc/"
onmouseover="
photographie.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographie.png';
satzundlayout.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayout.png';
logosunderscheinungsbilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilder.png';
fahrzeugbeschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftung.png';
planenundbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/planenundbanner.png';
messe.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messe.png';
aussenwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbung.png';
leuchtwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbung.png';
beschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftung.png';
textildruck.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruck.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetiketten.png';
wegeundleitsysteme.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsysteme.png';
schilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilder.png';
fahnen.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnen.png';
merchandising.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandising.png';
flyer.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/flyer.png';
geschaeftsausstattung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattung.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetiketten.png';
plakate.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakate.png';
geschaeftspapiere.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiere.png';
newsletter.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletter.png';
webdesign.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesign.png';
wanddekoration.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekoration.png';
webbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webbanner.png';
">
<img src="<?php bloginfo('template_directory'); ?>/images/produkt.gif" border="0" alt="produkt a-b-c" align="">
</a>
</li>
<li><img src="<?php bloginfo('template_directory'); ?>/images/trenner.gif" /></li>
<li>
<a href="http://www.cottbus-werbung.de/wordpress/kontakt/"
onmouseover="
photographie.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/photographie.png';
satzundlayout.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/satzundlayout.png';
logosunderscheinungsbilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/logosunderscheinungsbilder.png';
fahrzeugbeschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahrzeugbeschriftung.png';
planenundbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/planenundbanner.png';
messe.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/messe.png';
aussenwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aussenwerbung.png';
leuchtwerbung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/leuchtwerbung.png';
beschriftung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/beschriftung.png';
textildruck.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/textildruck.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetiketten.png';
wegeundleitsysteme.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wegeundleitsysteme.png';
schilder.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/schilder.png';
fahnen.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/fahnen.png';
merchandising.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/merchandising.png';
flyer.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/flyer.png';
geschaeftsausstattung.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftsausstattung.png';
aufkleberundetiketten.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/aufkleberundetiketten.png';
plakate.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/plakate.png';
geschaeftspapiere.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/geschaeftspapiere.png';
newsletter.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/newsletter.png';
webdesign.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webdesign.png';
wanddekoration.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/wanddekoration.png';
webbanner.src='<?php bloginfo('template_directory'); ?>/images/vorschaubilder/webbanner.png';
">
<img src="http://www.cottbus-werbung.de/wordpress/wp-content/themes/werkzwei/images/kontakt.gif" border="0" alt="kontakt" align="">
</a>
</li>
</ul>
</div>
<!-- Suche -->
<div id="search">
<?php get_search_form(); ?>
</div>
</div> <!-- ende header-->
und so sieht die stelle aus, an der es aufgerufen wird
HTML:
<div class="einzelbuchstaben">b</div><br>
<a href="#" class="tip_trigger">badgeholder<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">banner<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">bautafeln<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">beachflag<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">beschilderungssysteme<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">bildbearbeitung<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">bildmarke<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">blöcke<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">blogsysteme<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">briefbogen<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">briefumschläge<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">broschüren<span class="tip">der text</span></a><br />
<a href="#" class="tip_trigger">bücherr<span class="tip">der text</span></a><br />
hier ist mal ein link zur seite
das problem ist, dass der tooltip viel zu weit weg ist und aus dem sichtbereich rutscht...
ich vermute mal, dass sich da irgendwas behindert, aber ich finds einfach nicht.
danke euch schonmal für eure hilfe