Text block bei mouseover wie title nur größer

[househalt]

Hi Ihr ich hoffe einer kann mir einen Tipp geben wie ich folgendes Realisieren kann:
Habe eine Tabelle wo in der Linken Spalte die Begrifflichkeiten stehen nun möchte ich das eine Beschreibung auftaucht wenn man über einen Begriff mit der Mouse geht.

Folgendes habe ich versucht:

<style type="text/css">
<!--
div#links a span {
display: none;
}
div#links a:hover span {
position:absolute;
display: block;
padding: 5px;
margin: 10px;
z-index: 100;
color: #000000;
background-color:white;
}
-->
</style>

<div id="links"><a href="#">Bearbeitung<span><strong>&bull; Text</strong><br />
nunja mein Text halt der hier auftauchen soll...</span></a></div>

es funktioniert auch genau so wie ich es haben will im NS nur absolut nicht im IE brauche es aber Browser übergreifend vielleicht hat ja jemand einen Tipp für mich was ich anders machen kann damit es funktioniert.

Danke schon mal im voraus

 

[Maik]

Probier mal folgendes:

div#links a.popup:hover
{
background: #ffffff; /* = Seitenhintergrundfarbe */
}

div#links a.popup span {
display: none;
}

div#links a.popup:hover span {
position: absolute;
display: block;
padding: 5px;
margin: 10px;
z-index: 100;
color: #000000;
background-color:white;
}

<div id="links"><a href="#" class="popup">Bearbeitung<span><strong>&bull; Text</strong><br />
nunja mein Text halt der hier auftauchen soll...</span></a></div>

 

[BSA]

Kalppt, die Positionierung ist zwar etwas anders als im FF aber das lässt sich lösen

Gruß BSA

 

[househalt]

Danke das ging schnell und ist auch das was ich gebraucht habe

 

[Maik]

Danke das ging schnell und ist auch das was ich gebraucht habe

Dann markiere das Thema bitte auch durch einen Klick auf den 'Status-Button' rechts unterhalb des letzten Beitrags als 'erledigt'.

Vielen Dank