Ergebnis 1 bis 6 von 6
  1. #1
    Avatar von firefexx
    firefexx ist offline Mitglied
    registriert
    03-11-2009
    Ort
    /home
    Beiträge
    25

    "mouseover" nur mit CSS möglich?

    Hi, ich würde gern eine Art Info-Feld erstellen. Das soll so aussehen, dass es einen Text gibt und wenn man mit der Maus darüber fährt wird ein ca. 200x200 großes div eingeblendet in dem die Informationen stehen. Das soll sich dann über den anderen Inhalt legen. Bis man mit der Maus das Feld verlässt, dann soll es auch wieder verschwinden.

    Meine Frage: Ist auch auch nur mit HTML und CSS möglich oder muss ich das mit JS machen? Mit JS wäre es ja kein Problem, aber ich wollte mal fragen ob es auch ohne geht.

    Danke.
    There are only 10 types of people in the world: Those who understand binary and those who don't.

  2. #2
    Avatar von dkdenz
    dkdenz ist offline Foren-Gott
    registriert
    13-04-2004
    Ort
    Lübeck
    Beiträge
    12.050

    AW: "mouseover" nur mit CSS möglich?

    Natürlich ist das möglich.
    Was sagt denn die Suche dazu?
    Google
    Gleich der erste Treffer führt zu einem Ergebnis...

    Hier kannst Du mal ein Beispiel von mir sehen (im Menü): dkdenz' CSS-Spielwiese
    Einfach in den Quelltext des XHTML und CSS gucken...


    @jspit: ich musste jetzt natürlich auch ein Bsp. posten,
    wenn's auch nicht so toll ist wie Deines,
    aber wenigstens funktioniert es in allen Browsern...
    Geändert von dkdenz (23-01-2010 um 18:40 Uhr) Grund: Profilneurose

  3. #3
    Avatar von jspit
    jspit ist offline Lounge-Member
    registriert
    19-06-2009
    Beiträge
    1.712

    AW: "mouseover" nur mit CSS möglich?

    Hi,
    ich möchte die Gelegenheit nutzen um auf eine noch nicht ganz so bekannte Variante eines reinen CSS-Tooltips aufmerksam zu machen. Diese Variante ist dadurch gekennzeichnet, dass die Tooltip-Texte selbst im CSS abgelegt werden (im html also nicht auftauchen) und damit auch separat in einer externen CSS-Datei gepflegt werden können. Die Eigenschaft content des Pseudoelementes after wird hier ausgenutzt um einen Tooltiptext aufzunehmen. Wie alle schönen Sachen hat dies jedoch einen Haken, es funktionert erst mit modernen Browsern (IE z.B. erst ab 8).
    Hier ist eine kleine Demo:
    Tooltipp-Texte im CSS-Style notieren

    Hinweis: Die Anzeige des Quellcodes in der Demo benötigt Javascript.
    Geändert von jspit (23-01-2010 um 18:06 Uhr) Grund: Hinweis

  4. #4
    Avatar von jspit
    jspit ist offline Lounge-Member
    registriert
    19-06-2009
    Beiträge
    1.712

    AW: "mouseover" nur mit CSS möglich?

    Zitat Zitat von dkdenz Beitrag anzeigen
    @jspit: ich musste jetzt natürlich auch ein Bsp. posten,
    wenn's auch nicht so toll ist wie Deines,
    aber wenigstens funktioniert es in allen Browsern...
    Das geht für ein Hobby-Webdesigner wie mich ja runter wie Öl..
    Dein Beispiel ist das bekannte...

  5. #5
    Avatar von anna55
    anna55 ist offline Moderator
    registriert
    06-02-2006
    Ort
    Taunusstein
    Beiträge
    3.430

    AW: "mouseover" nur mit CSS möglich?

    Irgendwie hab ich bei den Google-Ergebnissen Stu Nicholls vermisst:
    http://www.cssplay.co.uk/menu/balloons.html


    .:Taunusstein - Nachrichten und Kommentare


    "Ich bin doch lieber jeden Tag glücklich als im Recht."
    (Per Anhalter durch die Galaxis)

  6. #6
    Avatar von firefexx
    firefexx ist offline Mitglied
    registriert
    03-11-2009
    Ort
    /home
    Beiträge
    25

    AW: "mouseover" nur mit CSS möglich?

    Ok, danke für die Informationen. (:
    There are only 10 types of people in the world: Those who understand binary and those who don't.

Ähnliche Themen

  1. Javascript Tooltip per css anpassen
    Von maeggi07 im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 04-11-2009, 00:36
  2. CSS und InternetExplorer
    Von Lightstorm im Forum CSS und (X)HTML
    Antworten: 5
    Letzter Beitrag: 01-03-2009, 21:23
  3. Problem mit appenden von CSS link zum DOM
    Von flobo79 im Forum JavaScript
    Antworten: 6
    Letzter Beitrag: 07-05-2007, 09:19
  4. Antworten: 5
    Letzter Beitrag: 29-11-2005, 14:15
  5. Serverseitiges css
    Von H34d im Forum Allgemeines
    Antworten: 4
    Letzter Beitrag: 19-10-2003, 13:42

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •