Mouseover Code in HTML

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>

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">  </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

	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	

Mouseover Code in HTML

Mouseover Code in HTML

Re: Mouseover Code in HTML