Listenelement mit Tooltip/Mouseover versehen

[tcn]

Hallo allerseits,

und wieder einmal quält mich ein CSS-Problem. Dabei handelt es sich jedoch eher um einen Schönheitsfehler als Problem:

Folgende Ausgangssituaion:
Ich habe eine Liste (UL) mit mehreren Punkten erstellt.
Bei einigen Punkten habe ich zusätzlich zum Listenpunkt eine erklärende Erläuterung. Diese kann ich nicht einfach unter den Listenpunkt setzen, weil ich ausschließlich einzelne Punkte/Schlagworte in der Liste stehen haben möchte. Also habe ich das ganze mittels eines CSS-Tooltips eingebunden.

Das ganze funktionoert auch ganz gut. Fahre ich mit der Maus über den Listenpunkt erscheint die entsprechende Erläuterung per Tooltip.

Problem: das jeweilige LI - Element erstreckt sich über die ganze Seitenbreite.
Das hat zur Folge, dass der Tooltip auch erscheint, wenn man auf einen Bereich hinter dem entsprechenden Listenpunkt fährt

Kann man die Länge eines LI-Elementes auf die Länge des jeweiligen Listeneintrags beschränken?

Vielleiht hat jemand von euch eine Idee??

VLG
tcn

[sejuma]

Wenn du keine Breitenangabe machst, sollte das Standard sein.
Alternativ könntest du bei hover eine begrenzte Breite zuweisen.
Poste ggf. mal einen Link zur Seite.

[tcn]

Habe das ganze mal online gebracht. Vielleicht erkennt man nun stärker die Problematik

Hier die Seite

Hab schon mal mit der breite herumgespielt. Leider konnte ich bis jetzt noch keine Lösung finden.

Viele Grüße

[sejuma]

Gib h3 ein

Code: Alles auswählen

display: inline;

und reduziere ggf. die Breite von tooltipp span

[tcn]

Zurück ausm urlub, ausprobiert, funktioniert!

genauso wie ichs wollte

Vielen Dank!
tcn