Axel Richter: Text scheint im Tooltip durch

Beitrag lesen

SELF-Forum

Text scheint im Tooltip durch

Axel Richter
– Informationen zu den Bewertungsregeln

Hallo,

Kann es sein, dass es sich um das selbe Problem handelt, wie hier: http://forum.de.selfhtml.org/archiv/2006/5/t128781/?

Wie dort bereits gesagt, sehe ich keine Lösung im IE, die ohne HJavaScrupt auskommt, außer:

<table>
<tr>
  <td title="Und hier die Erklaerung zum Tooltip"><a href="#">Tooltip</a></td>
</tr>
</table>

Kommando zurück! Es geht doch ;-)

  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"  
        "http://www.w3.org/TR/html4/strict.dtd">  
<html>  
<head>  
<title>Titel</title>  
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">  
<style type="text/css">  
<!--  
td {width:50ex; border:1px solid black;}  
  
td a {display:block; width:100%; color:black;}  
td a span {display:none; background-color:yellow; border:1px solid green; width:30ex;}  
  
td a:hover {position:relative;}  
td a:hover span {display:block; position:absolute; top:1ex; left:5ex; }  
-->  
</style>  
</head>  
<body>  
<table>  
<tr>  
 <td><a href="#">Linktext<span>Infotext zum Linktext<br>Zweizeilig</span></a></td>  
 <td><a href="#">Linktext<span>Infotext zum Linktext<br>Zweizeilig</span></a></td>  
</tr>  
<tr>  
 <td><a href="#">Linktext<span>Infotext zum Linktext<br>Zweizeilig</span></a></td>  
 <td><a href="#">Linktext<span>Infotext zum Linktext<br>Zweizeilig</span></a></td>  
</tr>  
</table>  
</body>  
</html>

Der Trick ist, die A-Elemente und die SPAN-Elemente solange wie möglich in position:static zu belassen und die position-Eigenschaft erst bei a:hover zu verändern.

viele Grüße

Axel

Beitrag melden
–
Informationen zu den Bewertungsregeln