Hallo Ihr,
bin gerade wieder dabei eine Seite zu machen. Hab dafür das design in Photoshop gemacht und auch gesliced. Das Problem ist, dass ich Buttons mit mouseover-effekt machen will. In Opera zeigt der mit das auch alles richtig an nur im IE nicht. Da verschieben sich die einzelnen Bilder (aus denen die Seite ja besteht) etwas unschön.
Hier der Teil wo der erste Button ist:
Code
<td>
<a href="www.google.de"
onmouseover="austausch1.src='Bilder/saxgirls-sliced_05_b.jpg';"
onmouseout="austausch1.src='Bilder/saxgirls-sliced_05.jpg';">
[img]Bilder/saxgirls-sliced_05.jpg[/img]
</a>
</td>Und hier nochmal der ganze Code
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Saxgirls</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script
language="JavaScript" type="text/javascript">
<!--
button1= new Image();
button1.src = "Bilder/saxgirls-sliced_05.jpg"
button2= new Image();
button2.src = "Bilder/saxgirls-sliced_05_b.jpg"
//-->
</script>
</head>
<body bgcolor="#ECECEC">
<table id="Tabelle_01" align="center" width="800" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="14">
[img]Bilder/saxgirls-sliced_01.jpg[/img]</td>
</tr>
<tr>
<td rowspan="3">
[img]Bilder/saxgirls-sliced_02.jpg[/img]</td>
<td colspan="9">
[img]Bilder/saxgirls-sliced_03.jpg[/img]</td>
<td colspan="4">
[img]Bilder/saxgirls-sliced_04.jpg[/img]</td>
</tr>
<tr>
<td>
<a href="www.google.de"
onmouseover="austausch1.src='Bilder/saxgirls-sliced_05_b.jpg';"
onmouseout="austausch1.src='Bilder/saxgirls-sliced_05.jpg';">
[img]Bilder/saxgirls-sliced_05.jpg[/img]
</a>
</td>
<td>
[img]Bilder/saxgirls-sliced_06.jpg[/img]</td>
<td>
[img]Bilder/saxgirls-sliced_07.jpg[/img]</td>
<td>
[img]Bilder/saxgirls-sliced_08.jpg[/img]</td>
<td>
[img]Bilder/saxgirls-sliced_09.jpg[/img]</td>
<td>
[img]Bilder/saxgirls-sliced_10.jpg[/img]</td>
<td>
[img]Bilder/saxgirls-sliced_11.jpg[/img]</td>
<td>
[img]Bilder/saxgirls-sliced_12.jpg[/img]</td>
<td colspan="2">
[img]Bilder/saxgirls-sliced_13.jpg[/img]</td>
<td>
[img]Bilder/saxgirls-sliced_14.jpg[/img]</td>
<td>
[img]Bilder/saxgirls-sliced_15.jpg[/img]</td>
<td rowspan="2">
[img]Bilder/saxgirls-sliced_16.jpg[/img]</td>
</tr>
<tr>
<td colspan="12">
[img]Bilder/saxgirls-sliced_17.jpg[/img]</td>
</tr>
<tr>
<td colspan="14" background="Bilder/saxgirls-sliced_18.jpg" width="800" height="323">
<table border='0' align="center" cellpadding='0' cellspacing='0' width='90%' id='AutoNumber1'>
<tr>
<td width='20' height='367' align='left' valign='top'>
testtesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttesttest dfsfsf
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td colspan="14">
[img]Bilder/saxgirls-sliced_19.jpg[/img]</td>
</tr>
<tr>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
<td>
[img]Bilder/Abstandhalter.gif[/img]</td>
</tr>
</table>
</body>
</html>