Lexi Help
Partner
www.forumieren.com

Mouseover Code in HTML

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Mouseover Code in HTML

Beitrag von Helpline Connections am 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
Lehrling
Lehrling

Männlich Beiträge : 199
Anmeldedatum : 12.01.08

Benutzerprofil anzeigen

Nach oben Nach unten

Re: Mouseover Code in HTML

Beitrag von jumpy am 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
Premium-User
Premium-User

Männlich Beiträge : 516
Hinweis : NRW - Dortmund / Pretoria ZA. (Zuidafrika).
Anmeldedatum : 27.11.07

Benutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


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