popup fenster mit links

miro · 25. Oktober 2010, 17:14

Hallo zusammen

Da ich weis nicht wie ich das realisieren kann deswegen ich schreibe das unter CSS ..
Problem ...
Ich möchte auf einer CSS basierter Homepage folgendes erreichen:
Beim überfahren eines Text soll sich ein ala popup Fenster aufmachen
In dem ich weitere anklickbare links unterbringen kann.

Danke für Hilfe
Miro

Broken Sword · 25. Oktober 2010, 21:42

Hi,
wenn du das mit CSS realisieren willst, ist hier der Knackpunkt in einem Beispiel:

HTML-Quellcode

<!DOCTYPE html>
<html>
<head>
<title>Text:hover - Popup</title>
<style type="text/css">/*<![CDATA[*/
.hide>.popup {display:none}
.hide:hover>.popup {display:block !important}
/*]]>*/</style>
</head>
<body>
<div class="hide">Ladida<div class="popup"><ul><li>Huhu</li><li>Hihi</li><li>Haha</li></ul></div></div>
</body>
</html>

Alles anzeigen

Musst nur noch die div-Tags formatieren und schon bist du fertig

Gruß
Broken SWord

miro · 26. Oktober 2010, 04:45

Hallo Broken Sword

Danke für deine Hilfe und dein Lösung …
Hat gut geklappt

Gruß
Miro

HTML-Quellcode

Teilen