Teammitglieder online
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
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Alastor in [Invision] Transparent Logohintergrund/Struktur ( 2 )
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen.
( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
» Beitrag von Alastor in [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
( 1 )
Mouseover Code in HTML
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
Mouseover Code in HTML
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?
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- Meister
- Beiträge : 199
Anmeldedatum : 12.01.08
Re: Mouseover Code in HTML
ö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:
LG.
jumpy
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.
LG.
jumpy
jumpy- König
- Beiträge : 516
Anmeldedatum : 27.11.07
Ähnliche Themen
» html code - links in neuem Fenster und andere html probleme
» ,,Code makieren`` HTML-Code
» HTML Code
» HTML Code
» HTML Code
» ,,Code makieren`` HTML-Code
» HTML Code
» HTML Code
» HTML Code
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten