Hallo,
auf meiner alten Seite hatte ich ein CSS eingebaut, was folgendes bewirkt:
Beim Zeigen auf einen gelb hinterlegten Text geht ein Textfeld auf mit zusätzlichen Infos; geht die Maus weg, verschwindet auch das Fenster wieder (s. Bild).
An verschiedenen Stellen habe ich auf meiner neuen Seite den folgenden Code eingebaut, aber nichts passiert! Auch wenn ich auf die Klasse "Info" verweise.
<style>
a.info {
position: relative;
z-index: 1;
background-color: #FBE99B;
color: #000000;
text-decoration: none;
text-align: center;
}
a.info:hover {
z-index: 2;
background-color: #BDC0C2;
max-width: 20em;
text-align: center;
width: 20em;
}
a.info span {
display: none;
}
a.info:hover span {
border: 1px solid #12127d;
padding: 5px;
top: 2em;
left: -6em;
background-color: #BDC0C2;
color: #000000;
text-align: left;
font-size: 0.8em;
display: block;
width: 25em;
}
</style>
Was muss ich bitte genau tun, um das in ZP zu realisieren??
Herzlichen Dank!
