Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» Profil in beiträgen nur im blog deaktivieren.
von derforumde Gestern um 16:54

» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06

» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13

» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33

» [Invision]  Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29

» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58

» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26

» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14

» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30

» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58

» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59

» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11

» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50

» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08

» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05

» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01

» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20

» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54

Mouseover Code in HTML

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Mouseover Code in HTML Empty Mouseover Code in HTML

Beitrag von Helpline Connections So 4 Mai 2008 - 13:51

So ich habe solch ein COde gfundne und auch umgeschrieben für meine Bilder.

Nun hier liegt das Problem. Es sind Bilder.
Nun wusste ich mir nicht weiter zuhelfen und hab die HTML COdes der Bilder einfach hintereinander gehängt. Da ist nun ein Problem.
Die Bilder sind untereinander. Und D.h. der letzte Code eliminiert die anderen und nur dieses Mouseover wird auf alle anderen Codes übertragen. Ich hoffe es ist einigermassen verständlich. Im Klartext. Ein Mouseover wird zu allen Mouseover. Ist das irgendwie verhinderbar?
Und die Mouseover sollen nicht untereinander sondern nebeneinander stehen.
Es ist schwer zu erklären also zeig ich euch das jetzt einfach mal:

http://community.boardsmessage.com/rpg-zentrum-c3/

Die Kreise sind gemeint. Sollten eig. die Elmente darstellen, Feuer-Wasser-Luft udn dann Erde aber wie man sieht wird auf allen Elmente nur Erde angezeigt weil dies der letzte Code ist.
Aber wenn man auch die einzelnen Bilder fährt und Warte erscheint die Bezeichnung Wasser oder Feuer etc. Bei ejdem Bild anderst.
D.h die Codes sind vorhandne werden aber seltsamer Weiße mit dem letzten überspielt.

Habe keine Erklärung dafür vllt ihr wie müsste der Code denn richtig heißen?

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="de"><head>        <style type="text/css">              .mouseover        { background:url('http://www.abload.de/img/cryonhauptbild-3.2j2r.jpg'); display:block;  width:100px;height:100px; }              .mouseover a:hover { background:url('http://www.abload.de/img/cryonhauptbild-3.2a3t.gif'); display:block;  width:100px;height:100px; }        </style></head><body>
<div class="mouseover"><a class="mouseover" href="/" title="Feuer"></a></div></body></html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="de"><head>        <style type="text/css">              .mouseover        { background:url('http://www.abload.de/img/cryonhauptbild-3.3ycp.jpg'); display:block;  width:100px;height:100px; }              .mouseover a:hover { background:url('http://www.abload.de/img/cryonhauptbild-3.3d7w.gif'); display:block;  width:100px;height:100px; }        </style></head><body>
<div class="mouseover"><a class="mouseover" href="/" title="Wasser"></a></div></body></html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="de"><head>        <style type="text/css">              .mouseover        { background:url('http://www.abload.de/img/cryonhauptbild-3.42mu.jpg'); display:block;  width:100px;height:100px; }              .mouseover a:hover { background:url('http://www.abload.de/img/cryonhauptbild-3.43zh.gif'); display:block;  width:100px;height:100px; }        </style></head><body>
<div class="mouseover"><a class="mouseover" href="/" title="Luft"></a></div></body></html><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html dir="ltr" lang="de"><head>        <style type="text/css">              .mouseover        { background:url('http://www.abload.de/img/cryonhauptbild-3.5lt6.jpg'); display:block;  width:100px;height:100px; }              .mouseover a:hover { background:url('http://www.abload.de/img/cryonhauptbild-3.5fgc.gif'); display:block;  width:100px;height:100px; }        </style></head><body>
<div class="mouseover"><a class="mouseover" href="/" title="Erde"></a></div></body></html>
Helpline Connections
Helpline Connections
Meister
Meister

Männlich Beiträge : 199
Anmeldedatum : 12.01.08

Nach oben Nach unten

Mouseover Code in HTML Empty Re: Mouseover Code in HTML

Beitrag von jumpy Di 6 Mai 2008 - 21:34

öhm...

also bei mir unter IE7 - Firefox und Safari ist es so wie Du es möchtest, also OK.

In Deiner obigen Programmierung hast Du zig mal in den HEAD eingebunden STYLE, für jedes Element, das ist Quatsch, dies geht auch eleganter in einem CSS Style, in etwa so:
Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
      <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" type="text/css" href="../css/queermain.css">
<style type="text/css">
<!--
body {
   background-color: #FFE6B3;
}
.Stil1 {font-size: 14px}
-->
</style>
    </head>

   <body  topmargin="0" leftmargin="0" marginheight="0" marginwidth="0">
USW.
sag jetzt nur net ich soll Dir eins basteln *abwink*, dafür habe ich null Zeit Smile

LG.
jumpy
jumpy
jumpy
König
König

Männlich Beiträge : 516
Anmeldedatum : 27.11.07
phpBB3

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten