Kleiner Popup-artiges Infofenster
Hans
- design/layout
0 Triple-E0 Infobox
wucher wichtel- css
0 glan0 glan
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
Dann guck doch erstmal im Quelltext der Seite nach, ob du daraus schlau wirst.
Hallo!
Das was du suchst heißt Infobox. Du findest es hier. Oder hier.
ciao, ww
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
Hallo,
ich vergaß zu schreiben:
Javascript-Fortgeschrittene machen das mit Javascript(mit den Event-Handlern onMouseOver und onMouseOut).
MfG