Autor |
Nachricht |
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Di 08.03.2005 11:53
Titel Mouseover-Infokasten |
|
|
Hi Leuts.
Ich muss für eine Webseite ein paar Begriffe erklären die im Text stehen. Die erste Idee war, jedesmal ein PopUp öffnen zu lassen. Aber schöner wäre es, wenn es so läuft:
Der user fährt mit der Maus über das Wort und dann erscheint eine Infobox wo die Erklärung drinsteht.
Hier ist ein Beispiel wie ich es mir vorstelle. Nur soll der Link kein Button sein, sondern ein Textlink. Wie muss ich das jetzt umbauen?
Mann könnte dann ja auch den Cursor z.B. zu nem Fragezeichen werden lassen sobald die Maus über den Textlink fährt, oder?
Thx
Zuletzt bearbeitet von Anti78 am Di 08.03.2005 15:17, insgesamt 1-mal bearbeitet
|
|
|
|
|
beeviZ
Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 08.03.2005 12:14
Titel
|
|
|
der code is doch schon richtig. nimmste halt die formatierung vom link weg, und schreibst den link genau so in den text.
|
|
|
|
|
Anzeige
|
|
|
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Di 08.03.2005 12:59
Titel
|
|
|
Verwende jetzt diesen Code.
Code: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Layer</title>
<style type="text/css">
a.infobox { border-bottom: 1px dashed #c30; text-decoration:none; }
a.infobox:hover { cursor:help; color:#c30; background:white; }
a.infobox span { visibility:hidden; position:absolute; left:16em;
margin-top:1.5em; padding:1em; text-decoration:none; }
a.infobox:hover span { visibility:visible; border:1px solid #c30;
color:blue; background:white; }
</style>
<!--[if IE 5]><style type="text/css">
a.infobox span { display:none; }
a.infobox:hover span { display:block; }
</style><![endif]-->
</head>
<body>
<p>Dies können <a class="infobox" href="#INFO">AFAIK<span> <b>Infobox</b><br />
englisch für: 'As far as I know' ('soweit ich weiß')</span></a> alle modernen Browser interpretieren:</p>
</body>
</html> |
Jetzt will der Kunde aber, dass die Infobox immer an der gleichen Stelle unter einem Bild aufgeht. Das Problem ist aber, dass die Seite per center zentriert ist. Und wenn ich nun das Brwoserfenster in der Größe ändere, verschiebt sich die Box.
|
|
|
|
|
dastef
Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht:
|
Verfasst Di 08.03.2005 14:42
Titel
|
|
|
wenn du schon [css] davor schreibst, dann schrieb das topic
bitte auch gleich in "Allgemeines - nonprint", danke
» verschoben.
Zuletzt bearbeitet von dastef am Di 08.03.2005 14:42, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Di 08.03.2005 15:19
Titel
|
|
|
Sorry, dass ich pushe.
Aber es muss heute noch fertig werden.
Es sieht so aus.
Ich habe ein paar Wörter im Text. Wenn man über diese fährt, soll rechts unter einem Bild die Erklärung dazu kommen. Immer an der gleichen Stelle und die verschiedenen Erklärungen der verschiedenen Wörter. Halt die passende zum jeweiligen Wort.
Welche Sprache (CSS, JS, PHP) ist mir mittlerweile schnurz. Es muss nur heute abend laufen.
Bin für jede Hilfe dankbar.
|
|
|
|
|
mcbethy
Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht:
|
|
|
|
|
JamesdK
Dabei seit: 28.04.2003
Ort: Leverkusen
Alter: 47
Geschlecht:
|
Verfasst Di 08.03.2005 18:07
Titel
|
|
|
Such mal bei Google nach der Overlib, das ist eine JS-Bibliothek, die genauso etwas kann.
|
|
|
|
|
Anti78
Threadersteller
Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht:
|
Verfasst Di 08.03.2005 18:21
Titel
|
|
|
Danke euch.
Habs jetzt per JavaScript gelöst.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Bildergalerie Mouseover andere Position & Mouseover Scroll
Mouseover
MouseOver Text
Mouseover bei frame
Mouseover Problem
CSS Mouseover-Effekt
|
|