mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Do 25.04.2024 19:18 Benutzername: Passwort: Auto-Login

Thema: Mouseover-Infokasten vom 08.03.2005


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> Mouseover-Infokasten
Autor Nachricht
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht: Männlich
Verfasst Di 08.03.2005 11:53
Titel

Mouseover-Infokasten

Antworten mit Zitat Zum Seitenanfang

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
  View user's profile Private Nachricht senden
beeviZ

Dabei seit: 30.09.2002
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 08.03.2005 12:14
Titel

Antworten mit Zitat Zum Seitenanfang

der code is doch schon richtig. nimmste halt die formatierung vom link weg, und schreibst den link genau so in den text.
  View user's profile Private Nachricht senden
Anzeige
Anzeige
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht: Männlich
Verfasst Di 08.03.2005 12:59
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
dastef

Dabei seit: 03.11.2003
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Di 08.03.2005 14:42
Titel

Antworten mit Zitat Zum Seitenanfang

wenn du schon [css] davor schreibst, dann schrieb das topic
bitte auch gleich in "Allgemeines - nonprint", danke Lächel
» verschoben.


Zuletzt bearbeitet von dastef am Di 08.03.2005 14:42, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht: Männlich
Verfasst Di 08.03.2005 15:19
Titel

Antworten mit Zitat Zum Seitenanfang

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.
  View user's profile Private Nachricht senden
mcbethy

Dabei seit: 02.12.2002
Ort: Hamburg
Alter: 41
Geschlecht: Weiblich
Verfasst Di 08.03.2005 16:26
Titel

Antworten mit Zitat Zum Seitenanfang

Schau mal hier. Die Seite hat mir auch weitergeholfen.
http://jotbe-fx.de/daily/archives/css/css_popup_ie.html
  View user's profile Private Nachricht senden
JamesdK

Dabei seit: 28.04.2003
Ort: Leverkusen
Alter: 47
Geschlecht: Männlich
Verfasst Di 08.03.2005 18:07
Titel

Antworten mit Zitat Zum Seitenanfang

Such mal bei Google nach der Overlib, das ist eine JS-Bibliothek, die genauso etwas kann.
  View user's profile Private Nachricht senden
Anti78
Threadersteller

Dabei seit: 16.09.2003
Ort: Tbb/Mz/M
Alter: 46
Geschlecht: Männlich
Verfasst Di 08.03.2005 18:21
Titel

Antworten mit Zitat Zum Seitenanfang

Danke euch.

Habs jetzt per JavaScript gelöst.
  View user's profile Private Nachricht senden
 
Ähnliche Themen Bildergalerie Mouseover andere Position & Mouseover Scroll
Mouseover
MouseOver Text
Mouseover bei frame
Mouseover Problem
CSS Mouseover-Effekt
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.