Du definierst Dir in Deiner style.css z.Bsp. eine neue Klasse, sagen wir mal
, in welcher Du die Eigenschaften des Tooltipps definierst.
Wichtig dabei sind die Eigenschaften position: absolute und visibility: hidden!
Alles andere wie Border oder color usw. machst Du so, wie Du möchtest.
Dann definierst Du zu dieser Klasse noch den hover:
In dieser machst Du das Ganze sichtbar.
Eingebaut würde das dann so aussehen:
tooltipp.html1 | < a href = "index.php?news-2" class = "newsbox" >< span class = "info" >Tooltipp-Content</ span ></ a >
|
Für Tooltipp-Content setzt Du das ein, was Du anzeigen lassen möchtest, also z.Bsp.
1 | <img scr="/images/avatars/gast.png"
|
oder Informationen zum Link, denn Du gerade hoverst, z.Bsp. Verfasser der News usw...
Einfach mal nach css tooltipp googeln...
Zuletzt modifiziert von Outi77 am 16.10.2013 - 10:11:25
Die richtige Formulierung eines Problems ist nicht selten bereits die halbe Lösung.
»Albert Einstein«