Hallo,
ich habe folgendes kleines Script mit css-Formatierung geschrieben.
Wenn man über den Link geht, erscheint ein Infofenster. Dieses soll genau dort auftauchen, wo der Link ist, nur halt genau über dem Link.
Die Programmierung funktioniert soweit, dass das Infofenster vertikal auch über dem Link ist, nur horizontal am linken Bildrand fixiert ist.
Kann mir jemand sagen wie ich es hinbekomme, dass das Infofenster auch horizontal über dem Link erscheint?
Hier einmal der Link wo ihr das Script in Ausführung sehen könnt: http://www.iw-design.de/kallender.html
Also wenn jemand mir weiter helfen kann, wäre ich echt froh. Ich hab nämlich schon alles mögliche ausprobiert, aber mit all meinen Versuchen keinen Erfolg gehabt.
Schonmal danke im Voraus.
Gruß, Basti
ich habe folgendes kleines Script mit css-Formatierung geschrieben.
Wenn man über den Link geht, erscheint ein Infofenster. Dieses soll genau dort auftauchen, wo der Link ist, nur halt genau über dem Link.
Die Programmierung funktioniert soweit, dass das Infofenster vertikal auch über dem Link ist, nur horizontal am linken Bildrand fixiert ist.
Kann mir jemand sagen wie ich es hinbekomme, dass das Infofenster auch horizontal über dem Link erscheint?
PHP:
<html>
<head>
<style type="text/css">
a.infobox { border-bottom: 1px dashed #c30; text-decoration:none; }
a.infobox:hover { color:#c30; }
a.infobox span { visibility:hidden; position:absolute; left:-99em;
margin-top:-190px; left:190px; padding:1em; text-decoration:none; }
a.infobox:hover span, a.infobox:focus span, a.infobox:active span {
visibility:visible; left:1em;
border:0px solid #c30; color:blue;
background-image:url(hinter.png);
}
a.infobox span { text-align:justify; width:171px; height:162px; }
</style>
<!--[if IE 5]><style type="text/css">
a.infobox span { display:none; }
a.infobox:hover span { display:block; }
</style><![endif]-->
</head>
<body>
<br><br><br><br><br>Dies ist ein langer Text, wo viel drin steht!!!<br><br><br><br>Auch hier steht viel Text!!!<br>
Dies können <a class="infobox">AFAIK<span> <b>Infobox:</b><br />
englisch für: 'As far as I know' ('soweit ich weiß')</span></a> alle modernen Browser interpretieren:
<br><br>
Dies können <a class="infobox">AFAIK<span> <b>Infobox:</b><br />
Text hier17:01 31.07.2011</span></a> alle modernen Browser interpretieren:
<br><br>
Dies können hallo was geht ab! <a class="infobox">AFAIK<span> <b>Infobox:</b><br />
Text hier</span></a> alle modernen Browser interpretieren:
</body>
</html>Hier einmal der Link wo ihr das Script in Ausführung sehen könnt: http://www.iw-design.de/kallender.html
Also wenn jemand mir weiter helfen kann, wäre ich echt froh. Ich hab nämlich schon alles mögliche ausprobiert, aber mit all meinen Versuchen keinen Erfolg gehabt.
Schonmal danke im Voraus.
Gruß, Basti
