mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Fr 19.04.2024 03:31 Benutzername: Passwort: Auto-Login

Thema: text bei onmouseover vom 20.03.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Programmierung -> text bei onmouseover
Autor Nachricht
censer
Threadersteller

Dabei seit: 20.03.2006
Ort: -
Alter: -
Geschlecht: -
Verfasst Mo 20.03.2006 19:49
Titel

text bei onmouseover

 Antworten mit Zitat Zum Seitenanfang
Hallo,
bin ein Neuling * Ich geb auf... * und suche eine Möglichkeit einen Banner bei onmouseover durch text auszutauschen. Gibt es da ne Möglichkeit Lächel oder muss ich mir was anderes überlegen? *Schnief*
  View user's profile Private Nachricht senden
sidisinsane

Dabei seit: 30.01.2006
Ort: Hamburg
Alter: 52
Geschlecht: Männlich
Verfasst Mo 20.03.2006 22:43
Titel

Antworten mit Zitat Zum Seitenanfang
so würde es mit css gehen. du legst einfach via definitionslisten sämtliche stadien fest statt javascript zu benutzen.
sieht komplizierter aus als es ist. eigentlich musst du es nur deiner bannergrösse (hier: 400x50) anpassen und evtl. an der positionierung wursteln. probier's mal. ist aufgrund der hacks natürlich kein valider code, dürfte aber zumindest in ff, opera und ie6 funktionieren.
schick' mir 'ne pm wenn du probleme haben solltest.

Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de">


<head>
<style>
/* Bereichsgrösse und Hintergrund-Position */
dl
{
   width: 400px;
   height: 50px;
   background-repeat: no-repeat;
   background-position: 0 0;
   display: block;

}

/* Absolut positionieren */
dd
{
   position: absolute;
   padding: 0;
   margin: 0;
}
/* Nicht editieren!*/
dd a
{
   background-color: transparent;
   background-position: -1px -1px;
   background-repeat: no-repeat;
   display: block;
   z-index: 20;
   text-decoration: none;
}
/* Imagemap */
.imap
{
   background-image: url(img/banner.gif);
   height: 50px;
   width: 500px;
}
a:hover.imap
{
   background-image: url(img/spacer.gif);
   height: 50px;
   width: 500px;
   background-position: 0 0;
}
/* Textbereich*/
a.imap span, a:visited.imap span
{
   display: none;
}
a:hover.imap span
{
   font-family: helvetica, sans-serif;
   font-size: 12px;
   font-weight: normal;
   text-align: justify;
   color: #000000;
   background: transparent;
   display: block;
   position: absolute;
   padding: 5px;
}
a#banner:hover span
{
   height: 50px;
   width: 500px;
}

/* HACK für IE6-Vorgänger */
* html a#banner:hover span
{
   width: 500px;
   w\idth: 488px;
}

a#banner:hover span
{
   left: 0px;
   top: 0px;
}
</style>

</head>


<body>

<dl id="header">
      <dd id="img">
         <a href="#" id="banner" class="imap">
         <span>
            <h1>Irgendein Text</h1>         
         </span>
         </a>
      </dd>
</dl>
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Anzeige
Anzeige
 
Ähnliche Themen Text bei OnMouseover (Brauche Script)
onmouseover Info-Text Effekt erstellen
onmouseover
onmouseover flackert?
[php] OnMouseover Effekt mit php
onmouseover Problem
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Programmierung


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.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB