Stormtrooper
2007-09-01, 07:55:53
Hallo
Ich hab mir eine Tabelle gemacht um in jedem Feld ein Bild zu laden.
Hintergrund ist der, daß wenn ich über eine Tür mit der Maus will soll diese aufgehen, nur leider kann ich das Bild nicht mehr sauber zusammensetzen.
Oben und unten bleibt immer ein weisser Streifen so wie hier.
Woher kommt jetzt der weiße Streifen oben und unten? ;(
Hab das Bild jetzt nochmal Zeile für Zeile aufgebaut und sobald ich das Bild "1j.jpg" was unter die hintere Türe gehört einbau verschiebt sich alles. Vorher passt es noch.
Der quelltext sieht so aus
<html>
<head>
<script language="JavaScript">
<!--
button1_a= new Image();
button1_a.src = "1AZ"
button1_b= new Image();
button1_b.src = "1AO"
button2_a= new Image();
button2_a.src = "1DZ"
button2_b= new Image();
button2_b.src = "1DO"
button3_a= new Image();
button3_a.src = "1FZ"
button3_b= new Image();
button3_b.src = "1FO"
button4_a= new Image();
button4_a.src = "1GZ"
button4_b= new Image();
button4_b.src = "1GO"
button5_a= new Image();
button5_a.src = "1IZ"
button5_b= new Image();
button5_b.src = "1IO"
button6_a= new Image();
button6_a.src = "1LZ"
button6_b= new Image();
button6_b.src = "1LO"
/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */
//-->
</script>
</head>
<body>
<TBODY>
<TABLE cellspacing="0" cellpadding="0" width="469" height="238" border="0">
<TR>
<TD colspan="8" width="469" height="63"><a href="Dachkasten-r.htm" target="new" onmouseover="austausch1.src='images/1ao.jpg';" onmouseout="austausch1.src='images/1az.jpg';">
<img src="images/1ao.jpg" border="0" name="austausch1" width="469" height="63"></a></td>
</TR>
<TR>
<TD colspan="4" width="272" height="22"><IMG src="images/1b.jpg" width="272" height="22"></TD>
<TD rowspan="6" width="19" height="175"><IMG src="images/1h.jpg" width="19" height="175"></TD>
<TD rowspan="4" width="63" height="120"><IMG src="images/1io.jpg" width="63" height="120"></TD>
<TD rowspan="6" width="25" height="175"><IMG src="images/1k.jpg" width="25" height="175"></TD>
<TD rowspan="3" width="90" height="95"><IMG src="images/1lo.jpg" width="90" height="95"></TD>
</TR>
<TR>
<TD rowspan="5" width="60" height="153"><IMG src="images/1c.jpg" width="60" height="153"></TD>
<TD rowspan="4" width="64" height="123"><a href="G2.htm" target="new" onmouseover="austausch2.src='images/1do.jpg';" onmouseout="austausch2.src='images/1dz.jpg';">
<img src="images/1do.jpg" border="0" name="austausch2" width="64" height="123"></a></td>
<TD width="82" height="72"><a href="G4.htm" target="new" onmouseover="austausch3.src='images/1fo.jpg';" onmouseout="austausch3.src='images/1fz.jpg';">
<img src="images/1fo.jpg" border="0" name="austausch3" width="82" height="72"></a></td>
<TD rowspan="4" width="66" height="123"><a href="G6.htm" target="new" onmouseover="austausch4.src='images/1go.jpg';" onmouseout="austausch4.src='images/1gz.jpg';">
<img src="images/1go.jpg" border="0" name="austausch4" width="66" height="123"></a></td>
</TR>
<TR>
<TD rowspan="4" width="82" height="81"><IMG src="images/1n.jpg" width="82" height="81"></TD>
</TR>
<TR>
<TD rowspan="3" width="90" height="80"><IMG src="images/1m.jpg" width="90" height="80"></TD>
</TR>
<TR>
<TD rowspan="2" width="63" height="55"><IMG src="images/1j.jpg" width="63" height="55"></TD>
</TR>
<TR>
<TD width="64" height="30"><IMG src="images/1e.jpg" width="64" height="30"></TD>
<TD width="66" height="30"><IMG src="images/1e.jpg" width="66" height="30"></TD>
</TR>
</TABLE>
</TBODY>
</body>
</html>
Ich hab mir eine Tabelle gemacht um in jedem Feld ein Bild zu laden.
Hintergrund ist der, daß wenn ich über eine Tür mit der Maus will soll diese aufgehen, nur leider kann ich das Bild nicht mehr sauber zusammensetzen.
Oben und unten bleibt immer ein weisser Streifen so wie hier.
Woher kommt jetzt der weiße Streifen oben und unten? ;(
Hab das Bild jetzt nochmal Zeile für Zeile aufgebaut und sobald ich das Bild "1j.jpg" was unter die hintere Türe gehört einbau verschiebt sich alles. Vorher passt es noch.
Der quelltext sieht so aus
<html>
<head>
<script language="JavaScript">
<!--
button1_a= new Image();
button1_a.src = "1AZ"
button1_b= new Image();
button1_b.src = "1AO"
button2_a= new Image();
button2_a.src = "1DZ"
button2_b= new Image();
button2_b.src = "1DO"
button3_a= new Image();
button3_a.src = "1FZ"
button3_b= new Image();
button3_b.src = "1FO"
button4_a= new Image();
button4_a.src = "1GZ"
button4_b= new Image();
button4_b.src = "1GO"
button5_a= new Image();
button5_a.src = "1IZ"
button5_b= new Image();
button5_b.src = "1IO"
button6_a= new Image();
button6_a.src = "1LZ"
button6_b= new Image();
button6_b.src = "1LO"
/* usw. für alle Grafiken,
die am Mouse-Over-Effekt beteiligt sind */
//-->
</script>
</head>
<body>
<TBODY>
<TABLE cellspacing="0" cellpadding="0" width="469" height="238" border="0">
<TR>
<TD colspan="8" width="469" height="63"><a href="Dachkasten-r.htm" target="new" onmouseover="austausch1.src='images/1ao.jpg';" onmouseout="austausch1.src='images/1az.jpg';">
<img src="images/1ao.jpg" border="0" name="austausch1" width="469" height="63"></a></td>
</TR>
<TR>
<TD colspan="4" width="272" height="22"><IMG src="images/1b.jpg" width="272" height="22"></TD>
<TD rowspan="6" width="19" height="175"><IMG src="images/1h.jpg" width="19" height="175"></TD>
<TD rowspan="4" width="63" height="120"><IMG src="images/1io.jpg" width="63" height="120"></TD>
<TD rowspan="6" width="25" height="175"><IMG src="images/1k.jpg" width="25" height="175"></TD>
<TD rowspan="3" width="90" height="95"><IMG src="images/1lo.jpg" width="90" height="95"></TD>
</TR>
<TR>
<TD rowspan="5" width="60" height="153"><IMG src="images/1c.jpg" width="60" height="153"></TD>
<TD rowspan="4" width="64" height="123"><a href="G2.htm" target="new" onmouseover="austausch2.src='images/1do.jpg';" onmouseout="austausch2.src='images/1dz.jpg';">
<img src="images/1do.jpg" border="0" name="austausch2" width="64" height="123"></a></td>
<TD width="82" height="72"><a href="G4.htm" target="new" onmouseover="austausch3.src='images/1fo.jpg';" onmouseout="austausch3.src='images/1fz.jpg';">
<img src="images/1fo.jpg" border="0" name="austausch3" width="82" height="72"></a></td>
<TD rowspan="4" width="66" height="123"><a href="G6.htm" target="new" onmouseover="austausch4.src='images/1go.jpg';" onmouseout="austausch4.src='images/1gz.jpg';">
<img src="images/1go.jpg" border="0" name="austausch4" width="66" height="123"></a></td>
</TR>
<TR>
<TD rowspan="4" width="82" height="81"><IMG src="images/1n.jpg" width="82" height="81"></TD>
</TR>
<TR>
<TD rowspan="3" width="90" height="80"><IMG src="images/1m.jpg" width="90" height="80"></TD>
</TR>
<TR>
<TD rowspan="2" width="63" height="55"><IMG src="images/1j.jpg" width="63" height="55"></TD>
</TR>
<TR>
<TD width="64" height="30"><IMG src="images/1e.jpg" width="64" height="30"></TD>
<TD width="66" height="30"><IMG src="images/1e.jpg" width="66" height="30"></TD>
</TR>
</TABLE>
</TBODY>
</body>
</html>