• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[ERLEDIGT] Java Hover Problem

S

Streetmonkey

Guest
Hallo,
ich habe ein Problem mit dem erstellen von einer Hovergrafik bzw. mit dem überblenden.

Ich habe ein Buttonmenü in meiner Homepage und will, wenn man mit der Maus über einer der Buttons fährt, sich die Grafik austauscht.
Aber anstelle das sich der Button austauscht, tauscht sich ständig nur das Banner und ich habe keinen Ahnung wieso. Das Austauschen der Buttons verschiebt sich dazu noch immer um genau ein Bild nach vorne


Das war der alte Code.
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
<title>Al, die Webseite</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="expires" content="0">
<meta name="author" content="Al. S.">
<meta name="description" content="Ein Projekt von Al. S.">
<meta name="keywords" lang="" content="Al, hobbyschmied">
<meta name="generator" content="Al. S.">
<link rel="stylesheet" type="text/css" href="http://www.html.de/images/s.css">
<link rel="stylesheet" type="text/css" href="http://www.html.de/images/ssb.css">
</head>

<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" background="http://www.html.de/images/background.png" bgcolor="#cccccc" text="#000000" link="#000000" vlink="#000000" alink="#000000"  bottommargin="0" rightmargin="0">
<br>
<!-- Headerbild -->
<center>
<img src="http://www.html.de/images/header.png" border="0">
</center>

<!-- Abstandtabelle -->
<center>
<table cellpadding="0" cellspacing="0">
<tr>
<td><a><img src="http://www.html.de/images/pixel.gif" width="10" height="20" alt="" border="0"></a></td>
</tr>
</table>
</center>

<!-- Buttonenmenü 1 -->
<center>
<table cellpadding="0" cellspacing="0">
<tr>
<td width="0" height="0"><a href="index.html"><img src="http://www.html.de/images/home.png" width="167" height="167" alt="" border="0"></a><a><img src="http://www.html.de/images/pixel.gif" width="167" height="167" alt="" border="0"></a><a href="index-2.html"><img src="http://www.html.de/images/per.png" width="167" height="167" alt="" border="0"></a><a><img src="http://www.html.de/images/pixel.gif" width="167" height="167" alt="" border="0"></a><a href="index-6.html"><img src="http://www.html.de/images/projekt.png" width="167" height="167" alt="" border="0"></a><a><img src="http://www.html.de/images/pixel.gif" width="167" height="167" alt="" border="0"></a><a href="index-3.html"><img src="http://www.html.de/images/info.png" width="167" height="167" alt="" border="0"></a></td>
</tr>
</table></center>

<!-- Abstandtabelle -->
<center>
<table cellpadding="0" cellspacing="0">
<tr>
<td><a><img src="http://www.html.de/images/pixel.gif" width="10" height="10" alt="" border="0"></a></td>
</tr>
</table>
</center>

Ich habe den natürlich den Rest weiter Unten weggelassen.
Und das wollte ich daraus machen:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta http-equiv="expires" content="0">
<meta name="author" content="Al. S.">
<meta name="description" content="Ein Projekt von Al. S.">
<meta name="keywords" lang="" content="Al, hobbyschmied">
<meta name="generator" content="Al. S.">
<link rel="stylesheet" type="text/css" href="http://www.html.de/images/s.css">
<link rel="stylesheet" type="text/css" href="http://www.html.de/images/ssb.css">
<title>Al, die Webseite</title>

<script type="text/javascript">
Normal1 = new Image();
Normal1.src = "http://www.html.de/images/home.png"; /* erste Standard-Grafik */
Highlight1 = new Image();
Highlight1.src = "http://www.html.de/images/homeg.png"; /* erste Highlight-Grafik */

Normal2 = new Image();
Normal2.src = "http://www.html.de/images/per.png"; /* zweite Standard-Grafik */
Highlight2 = new Image();
Highlight2.src = "http://www.html.de/images/mail.png"; /* zweite Highlight-Grafik */

/* usw. fuer alle weiteren zu benutzenden Grafiken */

function Bildwechsel (Bildnr, Bildobjekt) {
  window.document.images[Bildnr].src = Bildobjekt.src;
}
</script>
</head>

<body marginwidth="0" marginheight="0" topmargin="0" leftmargin="0" background="http://www.html.de/images/background.png" bgcolor="#cccccc" text="#000000" link="#000000" vlink="#000000" alink="#000000"  bottommargin="0" rightmargin="0">
<br>
<!-- Headerbild -->
<center>
<img src="http://www.html.de/images/header.png" border="0">
</center>

<center>
<table cellpadding="0" cellspacing="0">
<tr>
<td><a><img src="http://www.html.de/images/pixel.gif" width="10" height="20" alt="" border="0"></a></td>
</tr>
</table>
</center>

<!-- Buttonenmenü 1 -->
<center>
<table cellpadding="0" cellspacing="0">
<tr>
<td><a href="index.html" onmouseover="Bildwechsel(0, Highlight1)" onmouseout="Bildwechsel(0, Normal1)"><img src="http://www.html.de/images/home.png" alt="Home" border="0" height="167" width="167"></a><a><img src="http://www.html.de/images/pixel.gif" width="167" height="167" alt="" border="0"></a><a href="index-2.html" onmouseover="Bildwechsel(1, Highlight2)" onmouseout="Bildwechsel(1, Normal2)"><img src="http://www.html.de/images/per.png" alt="Helferlein" border="0" height="167" width="167"></a><a><img src="http://www.html.de/images/pixel.gif" width="167" height="167" alt="" border="0"></a><a href="index-6.html"><img src="http://www.html.de/images/projekt.png" width="167" height="167" alt="" border="0"></a><a><img src="http://www.html.de/images/pixel.gif" width="167" height="167" alt="" border="0"></a><a href="index-3.html"><img src="http://www.html.de/images/info.png" width="167" height="167" alt="" border="0"></a></td>
</tr>
</table></center>

<!-- Abstandstabelle -->
<center>
<table cellpadding="0" cellspacing="0">
<tr>
<td><a><img src="http://www.html.de/images/pixel.gif" width="10" height="10" alt="" border="0"></a></td>
</tr>
</table>
</center>

Mit ist aufgefallen das clearpixel (<img scr="pixel...>) Probleme macht, aber nicht der Hauptgrund ist, wenn ich ihn entferne habe ich immer noch das Problem.
Ich habe das Menü in eine Tabelle gepackt und ich benutze die Pixelgrafik (von 1x1) als Abstand.

Und hier das ganze noch mal in "natura" Al, die Homepage. als.bplaced.net
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Du solltest dich besser mit JavaScript auseinandersetzen und wo wir schon dabei sind: Tabellenlayouts sind Designtechniken, die vor 15 Jahren verbreitet waren. CSS-Designs sind flexibler, das solltest du wirklich dringend ändern.
 
Hi,
das ist keine Antwort auf meine Frage. -Thema verfehlt:wink:.

Ich bitte wirklich nur um etwas Hilfe um diesen Problem zu lösen.
Ich kann ja verstehen das einige von euch sich so weit wie möglich von dem gestalterischen Aufgaben mit Tabellen lösen wollen oder einige die Nase darüber rümpfen werden, aber so klar sind die Grenzen zwischen Struktur und Gestaltung nicht.

Ich möchte mich gerne mit JavaScript auseinandersetzen und ich versuche es gerade, das ist jetzt ein Problem auf das ich gestoßen bin.

Dieser Fehler besudelt das ganze Konzept, ohne Hover-Fehler sieht es wieder in Ordnung aus, aber es wirkt dann doch sehr "tod".

Weiß einer wie dieser Unannehmlichkeit bei zu legen ist?

Vielen Dank
Streetmonkey
 
Zuletzt bearbeitet von einem Moderator:
Werbung:
Zu dem Code sage ich jetzt mal nichts. ;)

Aber was die Frage betrifft: Wo rufst du deine JavaScript-Funktion auf?
 
Nein, das Thema ist nicht verfehlt und mit Nase rümpfen hat das nichts zu tun - ich sage das nicht, um dich runterzumachen, ich spreche aus Erfahrung.
Tabellenlayout ist seit mehr als zehn Jahren schlechter Stil. Tabellen sind zur Auszeichnung tabellarischer Daten da und du benutzt keinen Doctype.
Du solltest lernen, was HTML ist und was CSS ist und ich weiß, dass wenn ich dir jetzt einfach die Lösung gebe, du die Lösung nutzt, aber absolut NICHTS an der groben Fehlentscheidung, Tabellen und kein CSS zu nutzen, ändern wirst.

Ich habe mir die Seite angeschaut und ich kann bestätigen: Nichts an dieser Seite wirkt modern - weder technisch, noch gestalterisch: Frames, Tabellen, nicht ausschaltbare nervige Musik, Introseite, Inline-JavaScript usw.

Was das Problem angeht: Bei dem JavaScript-Code, den du offenbar nicht selber geschrieben hast, gibst du die falsche BildNummer an.
 
Hi,
erstmal zu das was Asterixus geschrieben hat:

- "und du benutzt keinen Doctype." Der ist weiter oben, ich hatte den nicht mit reinkopiert. -Hatte ich übersehen:wink:

"Du solltest lernen, was HTML ist und was CSS ist"
1. Weiß ich was Html ist, du meinst wohl eher wie man damit umgeht, aber das ist die selbe Antwort.
2.Ich kenne mich mit CSS nicht aus, daher versuche ich das zu vermeiden, das ist der Grund für diese Art von Aufbau.

"wenn ich dir jetzt einfach die Lösung gebe, du die Lösung nutzt, aber absolut NICHTS an der groben Fehlentscheidung, Tabellen und kein CSS zu nutzen, ändern wirst."
Ich sagte schon warum ich kein CSS genommen habe.

"Ich habe mir die Seite angeschaut und ich kann bestätigen: Nichts an dieser Seite wirkt modern - weder technisch, noch gestalterisch:..."

Jetzt kommt etwas bei dem ich dich sehr bitte ordentlich und gründlich zu lesen, ich denke das du mich dann verstehen kannst, wenn du es auch willst.
Ich möchte keine moderne Webseite machen!

Das ist meine aller erste Webseite die ich mache, du hast richtig gelesen, mein aller erste. -Sorry wenn das ganze jetzt etwas arschig rüber kommt.
Mein Ziel ist es überhaupt eine Webseite zu machen, möglichst so das es klappt.
Ich wollte keine Meinung "wie sieht meine Webseite aus" oder "wie findet ihr die?". Auf Angebereien oder Komplimente oder Meinung wollte ich nicht raus. Besonders nicht auf Diskussionen. -So was will doch niemand von uns.

D.h. du machst einem "Neueinsteiger" gleich vorwürfe das es nicht "modern" gestaltet ist, noch vom technischem oder sonstigem her.
Das ist doch schon etwas übertrieben so etwas zu drängen oder?

"Tabellenlayouts sind Designtechniken, die vor 15 Jahren verbreitet waren."
Naja bei mir war der erste Kontakt mit Html mit Tabellen als Layouts vor 11 Jahren in einer Fortbildung.:wink: War aber auch die einzige und letzte in Sachen Webdesign.

"nicht ausschaltbare nervige Musik"
"nervig" das ist wohl Geschmackssache. :roll:
Ich habe die Musik mit voller Absicht in einem <embed> gesetzt mit hidden="true", damit man es nicht abschalten kann. -Hätte man sich aber wohl auch denken können...

Kurzum: Ich beschäftige mich mit dem 3D-Composing und wollte nur eine kleine Site machen um ein paar meiner Projekte online zu stellen und nicht eine Site erstellen die den "neusten Standards" und Normen entspricht. -Übrigends ich beschäftige mich mit C++ und kenne mich somit nicht so in Java aus, vieles wirkt vertraut, vieles aber auch nicht.

Jetzt zu Tronjer
"Zu dem Code sage ich jetzt mal nichts.
icon_wink.gif


Aber was die Frage betrifft: Wo rufst du deine JavaScript-Funktion auf?"

Hi,
ich habe wohl auch hier etwas zu wenig mit aufgenommen in den Code im ersten Post, sorry.
Jetzt habe ich das noch mal geändert.

PS: Ich habe BIldnummer durch gesehen, da scheint kein Fehler zu sein. Und, Asterixus, nim mir das eben geschrieben nicht krumm, wollte nur ins rechte Licht rücken worum es mir eigentlich wirklich geht.

Mit freundlichen Gruß
Streetmonkey
 
Werbung:
Ich brauche keinen Roman auf das, was ich sage und mit Angeberei hat das, was ich gesagt habe, auch nicht zu tun. Die Bildnummer ist falsch, definitiv. Und dass du meine Meinung nicht hören willst, habe ich verstanden. Strauße haben da diesselbe Einstellung.
Und nein, du weißt nicht, was HTML ist, sonst wüsstest du, dass HTML eine Auszeichnungssprache (Markup Language) und nicht eine Layout-Sprache ist (dafür ist CSS zuständig).
Etwas nicht können, ist noch lange kein Grund, etwas nicht zu lernen; vor allem wenn man weiß, dass man für korrekte Arbeit genau das können muss.

Da du aber deinen Account mit großem Mut gelöscht hast, ist das hier auch nicht mehr nötig.

PS: Das ist JavaScript und nicht Java.
 
Du musst dich einloggen oder registrieren, um hier zu antworten.

Neueste Beiträge

Zurück
Oben