CSS Tooltips

[garraty47]

man kann ja mit CSS tooltips machen, die dann über hover ein css-formatiertes "fenster" zeigen ind em der ooltip steht.
kann man das auch irgendwie bewerkstelligen dass das fenster "dableibt", damit man auf links etc. in dem fenster klicken kann?

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
font-style: bold;
font-size:9px;
border-bottom:0px dotted #4dbcf3;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 30px;
left: 0;
width: 200px;
z-index: 100;
border: 0px solid;
padding: 2px 10px 2px 10px;
font-family: Verdana, Arial, Helvetica, Sans-serif;
font-style: Normal;
text-align: left;
}

<a class="tooltip" href="#"><strong>Tooltip</strong><span><b>Tooltip </b> <br /> 
       Und hier steht sollen dann die Links hin </span></a>

 

[ThaHammer]

Du musst ein Div machen in dem der Inhalt steht. Dieses Div muss den A Tag aufziehen. Damit ist gewährleistet das die Maus immer über dem A Tag steht und der Div offen ist.

<div><a href="javascript:;" onmouseover="javascript:describe(this)" onmouseout="javascript:describe(this)">29</a><div style="display: none;" class="session">Link hier rein</div></div>

Wobei describe nur das Div ein und ausblendet. Das sollte auch ähnlich mit dem Hover Effekt gehen!

 

[garraty47]

thx. das eibne problem hab ich jetzt also mit javascript gelöst, nur habich noch eins:
wie kann ich diesen code hier:

<a href="#" 
onMouseOver="image.src='bild.gif'" 
onMouseOut="image.src='clearpixel.gif';"
onclick="toggleInline('eintext');">
eintext<img name="image" src="clearpixel.gif" border="0" >
</a> 
<span id="eintext" class="intip"> beschreibung</span>

so verändern dass das bild bild.gif nicht an der stelle angezeigt wird die be intip definiert ist sondern in einem anderen div-layer und an andere stelle?

 

[ThaHammer]

Gib ihm einen x und y Wert per css mit.