Hans: Kleiner Popup-artiges Infofenster

Hallo,
kann man ohne Java (also mit CSS oder HTML) ein kleines popupartiges Infofenster erstellen? Ich hab es mir so vorgestellt, dass man über das Wort "INFO" fährt direkt neben den Cursur eine kleines Fenster aufgeht in dem was drinsteht, also so Hover-mäßig

Eine Beispielseite ist z.B. diese: http://www0.pafnet.de/index.php
Das Menü ist eigentlich genauso wie ich es haben will.

Danke für die Hilfe

Hans

  1. Dann guck doch erstmal im Quelltext der Seite nach, ob du daraus schlau wirst.

  2. Hallo!

    Das was du suchst heißt Infobox. Du findest es hier. Oder hier.

    ciao, ww

    --
    Dies ist eine sehr einfache und effektive Sicherheitsstufe, aber nicht perfekt. Denn wenn mehrere User über eine Leitung ins Internet gehen, haben für den Webserver alle User die selbe IP. Und dann wirkt diese Sicherheitsstufe nicht mehr. Aber zumindest könnt ihr demjenigen, der euch die Session-ID geklaut hat, eins in die Fresse hauen.
    http://tut.php-q.net/login.html
  3. Hallo,
    klar ist kein Prob.

    Du setzt einen DIV(mit Id) mit den Links IN den Rubriklink (wie news auf der Seite die du genannt hast). Dieser wird mittels CSS auf display:none; gesetzt.

    Dann notierst du in der CSS-Datei:
    a#rubriklink:hover div#deineID { position:absolute; display:block; top:/*Abstand (möglichst in Prozent) von oben*/; left:/*Abstand (möglichst in Prozent) von links*/; }

    Dein Div mit den Links wird also absolut positioniert, auf display:block; gesetzt und auf die gewünschte Position mit top:; und left:; gesetzt. Allerdings nur wenn a#rubriklink:hover eintritt.

    Jetzt fragst du dich sicherlich:
    Warum MUSS das ein a:hover sein?

    Antwort:
    Weil der IE :hover nur bei a elementen kennt.

    MfG

    1. Hallo,
      ich vergaß zu schreiben:

      Javascript-Fortgeschrittene machen das mit Javascript(mit den Event-Handlern onMouseOver und onMouseOut).

      MfG