Lexi Help
Die neuesten Themen
» Entfernen von der Popupleiste
von Bigtuber Heute um 20:14

» [phpBB2] Schriftfarbe nicht vollständig
von Fayé Heute um 20:14

» [Wichtige Information] Meine Tätigkeit in diesem Support. Von #Frank
von #Frank Heute um 13:42

» [Update] Neues Theme der mobilen Version V2
von #Frank Heute um 13:03

» Mobile Ansicht leider Fehlerhaft
von Br0adsw0rd Gestern um 19:31

» [phpBB2] Hintergrund festpinnen
von Fayé Gestern um 16:56

» Mein altes Forum zurückbekommen
von Bigtuber Do 29 Sep 2016 - 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

Partner
free forum

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

Nutzerprofil 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

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten