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.
Ich habe den natürlich den Rest weiter Unten weggelassen.
Und das wollte ich daraus machen:
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
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: