CSS-Tooltip feste Position des Tooltips?

Birfan

Ensign
Registriert
Dez. 2008
Beiträge
134
CSS-Tooltip feste Position des Tooltips? Eben nach Programmieren verschieben? Danke?!

Moin,

ich würde gern wissen ob es möglich ist ein Tooltip immer an einer Position erscheinen zu lassen.
Momentan ist der tooltip immer rechts neben dem Link. Ich hätte ja gern den Tooltip immer in der Mitte des Fensters

<html>
<head>
<title>Tooltip</title>
<style type="text/css">
* {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
a:hover {background:#ffffff; text-decoration:none;} /*BG ein muss für IE6*/
a.tooltip span {display:none; padding:2px 3px; margin-left:8px; width:130px;}
a.tooltip:hover span{display:inline; position:absolute; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c;}
</style>
</head>
<body onload="window.resizeTo(580, 420)">
<br>
<br>
<table style="text-align: left; width: 444px; height: 282px;"
border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td
style="width: 45px; height: 20px; text-align: center; background-color: rgb(216, 205, 137);"
valign="undefined"> <a href="#" class="tooltip">1000<span><img
src="file:///C:/Users/Eybes/Desktop/Rummel/Federbilder/632/www.wilbers.de/colors/images/_632/1000.jpg"></span></a></td>
<td
style="width: 45px; height: 20px; text-align: center; background-color: rgb(204, 178, 121);"
valign="undefined"> <a href="#" class="tooltip">1001<span><img
src="file:///C:/Users/Eybes/Desktop/Rummel/Federbilder/632/www.wilbers.de/colors/images/_632/1001.jpg"></span></a></td>
<td
style="width: 45px; height: 20px; text-align: center; background-color: rgb(223, 192, 111);"
valign="undefined"> <a href="#" class="tooltip">1002<span><img
src="file:///C:/Users/Eybes/Desktop/Rummel/Federbilder/632/www.wilbers.de/colors/images/_632/1002.jpg"></span></a></td>
<td
 
Zuletzt bearbeitet:
Wenn ich die festen Pfade schon sehe, könnte ich ...
Lern erstmal die Grundbasis, bevor du mit CSS anfängst.
 
Die Position kannst du (nur?) mit Javascript beeinflussen. Für jQuery gibt es - bei Google - zig Scripte.

Das Aussehen von "Standardtooltipps" hängt vom Browser ab.
 
Zurück
Oben