Wort (kein Link) als rollover oder hover mit css

[micr0]

Hallo Leute... Also ich hab folgendes Problem.

Ich moechte nur ein Wort in einem Text (kein Link) so definieren, dass wenn man mit der Mouse drueberkommt (*hovert*) sich ein kleiner Kasten oeffnet der Infos zu dem Wort beinahltet. Sobald man die Maus vom Wort entfernt wird soll auch der Kasten verschwinden.

Ich habe schon viel gesucht und ausprobiert, aber alle Beispiele beziechen sich auf Bilder, Links<a> oder Absaetze<p>.
Ist es ueberhaupt moeglich nur ein simples Wort mit CSS so zu definieren?

Vielen dank schonmal im vorraus.

 

[MyBad]

AW: Wort (kein Link) als rollover oder hover mit css

ja, ist es. Das Problem ist, dass der IE 6 zum Beispiel :hover nur bei a-Tags kennt.

Bei neueren Browsern kannst du grundsätzlich jedes element (z. B. mit span:hover{}) formatieren.

Wenn dir die alten Browser egal sind, kannst du es so machen. Für ältere Browser wirst du wohl oder übel auf JavaScript zurückgreifen müssen.

 

[Tattoomaus78]

AW: Wort (kein Link) als rollover oder hover mit css

ist mit javascript machbar.... schau mal hier ...funktioniert sowohl mit Links als auch mit einfachen Worten, Absätzen....usw.

 

[Rum0]

AW: Wort (kein Link) als rollover oder hover mit css

Dann bau doch einfach einen Link in den text ein:

<a href="#" onlick="return false;">Text</a>

Das return false ist JS und bedeutet, dass wenn man auf den Link klickt nichts passiert...
Im CSS den Link einfach noch so wie normalen Text formatieren und zusätzlich

a {cursor:default;}

Dann sieht der Cursor über dem Link genauso aus wie über normalem Text... Je nach Zweck der Hoverbox könntest du auch cursor:help; nehmen.... dann kommt neben dem Cursor ein Fragezeichen...

Rum0
Ich hoffe, ich konnte dir helfen... frag ruhig, wenn du noch mehr zu fragen hast ^^

 

[micr0]

AW: Wort (kein Link) als rollover oder hover mit css

Boah, muss nocheinmal dieses Forum loben.
Super schnell. Super gut. Korrekte User.

Da wo keine Loesung war, hab ich jetzt sogar eine zum Auswaehlen.

Ich selber bin gerade mit diesem Link( WebDesign - Tips und Tricks: CSS-Infobox ) zurechtgekommen und das Ergebniss ist fuer mich zufriedenstellend. Mit JAva hatte ich bisher noch nichts zu tun... deswegen ist mir CSS,solange die Ergebnisse stimmen, im moment lieber

Vielen Dank. Es werden bestimmt noch weiter Fragen auftreten
Bis die Tage.

 

[sokie]

AW: Wort (kein Link) als rollover oder hover mit css

das kannst du auch ohne Javascript oder CSS haben

<span title="weitere infos zu diesem Wort">Wort</span>

lässt bei mouseover ein kästchen mit dem inhalt von title erscheinen.

 

[DJ Fotoart]

AW: Wort (kein Link) als rollover oder hover mit css

ein kleiner Kasten oeffnet der Infos zu dem Wort beinahltet.

Das Zauberwort heißt "acronym"

Infos: Stichpunkt CSS: HTML-Hilfe

 

[MasterT]

AW: Wort (kein Link) als rollover oder hover mit css

Hi,
ist das den überhaupt mit jedem Browser Kompatibel?

Mfg
MasterT

 

[snapone]

AW: Wort (kein Link) als rollover oder hover mit css

kannst ja mal checken:
CSS - Contents and compatibility

z.B. auch sehr interessant, um zu sehen welchje css3 features wo funzen...

Zu den "normalen" css-anweisungen kannste auch mal hier kucken:


gruss snapone


Snapone-Design: START

 

[sh0ck]

AW: Wort (kein Link) als rollover oder hover mit css

das kannst du auch ohne Javascript oder CSS haben

<span title="weitere infos zu diesem Wort">Wort</span>

lässt bei mouseover ein kästchen mit dem inhalt von title erscheinen.

machmal sind die einfachsten dinge die elegantesten :
doch anzumerken ist, das diese varriante nur für kleine informationen geeignet ist, da bei einem mouseover die information nur wenige sekunden erscheint!

gruss chris