onMouseOver auf Wort öffnet Textfenster?
- Ersteller WGz
- Erstellt am
- Status
Also als Beispiel für andere, deren Leid mit dem Programmieren ich teile:
Code:
<html>
<head>
<style type="text/css">
a.info
{
position:relative;
z-index:1;
background-color:#000080;
color:#ffff00;
text-decoration:none;
}
a.info:hover
{
z-index:2;
background-color:#000080;
}
a.info span
{
display: none;
}
a.info:hover span
{
display:block;
position:absolute;
top:2em;
left:2em;
width:30em;
border:1px solid #12127D;
background-color:#ff6600;
color:#000000;
text-align: center;
padding: 5px;
font-size: 0.8em;
}
</style>
</head>
<body bgcolor="#000080">
<a class="info" href="#">
Hier soll beim Drüberfahren ein Info-Fenster erscheinen.
<span>
Hallo, ich bin ein Tooltip oder das CSS-Info-Popup-Fenster.
Hier kannst du Infos reinschreiben
</span>
</a>
<font color="#ffff00">
Wir werden sehen, ob das auch wirklich so funktioniert. Wenn nicht, dann ist
das ein Grund für Ärger. Aber ärgern hat auch wenig Sinn, denn das ändert
daran nichts.
</font>
</body>
</html>CSS Popup, CSS Infofenster
gefunden und umgebaut.
Werner.
Zuletzt bearbeitet von einem Moderator:
- Status
