Also ich seh noch massenweise Fehler, die mit ursächlich für Fhlfunktionen sind. Du verwendest z.B. für die Tabellenzellen mehrfach die selbe ID. Eine ID ist etwas einmaliges, die darf nur einmal in der HTML-Seite vorkommen, sonst können die Browser damit nichts anfangen. In deinem Fall solltest du stattdessen Klassen verwenden.
Ich weiß auch nicht, warum du für die Links noch einmal eine Unter-Tabelle verwendest ?
Im gegensatz zu anderenBackground-Angaben verstehen background-styles übrigens alle Browser, die in den letzten Jahren auf den Markt gekommen sind.
Ich habe deine Seite mal eben schnell durchgestylt. Allerdings habe ich nur die linke Navigation nach meinen Vorstellungen umgebaut, die rechte Navigation un der Footer sind zum Vergleich noch deine Originale, du sollst ja auch noch etwas zu tun haben.
Die Seite hat jetzt nur noch 12 Fehler/Warnungen, diese befinden sich alle in deinem Quelltext. Es lohnt sich tatsächlich CSS zu lernen.
Schau es dir mal an:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Willkommen bei >> FPG15.nsu.de.vu << - Homepage von FranzPG</title>
<base target="_parent">
<style type="text/css">
a:link, a:visited {color:#888888;text-decoration:none;display:block;width:170px;height:25px;
border:0;text-indent:35px;font-weight:bold;font-size:11px;line-height:25px;}
a:hover {color:#DCCC0C;}
a.effect1 {background-image:url(http://hpfranzpg.hp.funpic.de/pics/noeffect1.jpg);}
a.effect1:hover {background-image:url(http://hpfranzpg.hp.funpic.de/pics/effect1.jpg);}
a.effect2 {background-image:url(http://hpfranzpg.hp.funpic.de/pics/noeffect2.jpg);}
a.effect2:hover {background-image:url(http://hpfranzpg.hp.funpic.de/pics/effect2.jpg);}
.placer1,.placer2 {display:block;width:170px;height:25px;text-indent:35px;font-weight:bold;
font-size:11px;line-height:25px;border:0;}
.placer1 {background-image:url(http://hpfranzpg.hp.funpic.de/pics/noeffect1.jpg);}
.placer2 {background-image:url(http://hpfranzpg.hp.funpic.de/pics/noeffect2.jpg);}
body,td,p,br {font-family:Verdana,Arial,'MS Sans Serif';}
body {color:#ffcc33;background-image:url(http://hpfranzpg.hp.funpic.de/pics/hintergrund.gif);background-color:#666666;background-attachment:fixed;margin:0px;text-align:center;}
#maintable {height:100%;width:1024px;margin:auto;border-left:2px outset #3F3F3F;
border-right:2px outset #3F3F3F;}
.navitable {border:3px ridge #e3e3e3;margin:auto;width:170px;height:auto;background-color:#000000;}
#td_logo {height:100px;width:1024px;vertical-align:middle;
background-image:url(http://hpfranzpg.hp.funpic.de/pics/banner.jpg );}
</style>
</head>
<body>
<table id="maintable" cellpadding="0" cellspacing="10" border="0">
<colgroup>
<col style="width:180px">
<col>
<col style="width:180px">
</colgroup>
<tr>
<td id="td_logo" colspan="3"></td>
</tr>
<tr>
<td style="text-align:center;">
<table class="navitable" cellpadding="0" cellspacing="0">
<tr>
<td style="vertical-align:top">
[img]http://hpfranzpg.hp.funpic.de/pics/navigation.jpg[/img]
[url='http://hpfranzpg.hp.funpic.de/index.html']Link#1[/url]
[url='http://hpfranzpg.hp.funpic.de/index.html']Link#2[/url]
[url='http://hpfranzpg.hp.funpic.de/index.html']Link#3[/url]
[url='http://hpfranzpg.hp.funpic.de/index.html']Link#4[/url]
<div class="placer1"></div>
<div class="placer2"></div>
<div class="placer1"></div>
<div class="placer2"></div>
</td>
</tr>
</table>
</td>
<td>Diese Seite ist leider im Moment noch im Aufbau!</td>
<td>
<table border="3" bordercolor="#e3e3e3" align="center" width="176" cellpadding="0" cellspacing="0" bgcolor="#000000">
<tr>
<td>
<table border="0" align="center" width="170" cellpadding="0" cellspacing="0">
<colgroup>
<col width="170" align="center" valign="middle">
</colgroup>
<tr>
<td height="45" width="170">[img]http://hpfranzpg.hp.funpic.de/pics/sonstiges.jpg[/img]</td>
</tr>
<tr>
<td height="25" width="170" valign="middle" background="http://hpfranzpg.hp.funpic.de/pics/noeffect1.jpg"></td>
</tr>
<tr>
<td height="25" width="170" valign="middle" background="http://hpfranzpg.hp.funpic.de/pics/noeffect2.jpg"></td>
</tr>
<tr>
<td height="25" width="170" valign="middle" background="http://hpfranzpg.hp.funpic.de/pics/noeffect1.jpg"></td>
</tr>
<tr>
<td height="25" width="170" valign="middle" background="http://hpfranzpg.hp.funpic.de/pics/noeffect2.jpg"></td>
</tr>
<tr>
<td height="25" width="170" valign="middle" background="http://hpfranzpg.hp.funpic.de/pics/noeffect1.jpg"></td>
</tr>
<tr>
<td height="25" width="170" valign="middle" background="http://hpfranzpg.hp.funpic.de/pics/noeffect2.jpg"></td>
</tr>
<tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="50" colspan="3"><font size="1">zuletzt aktualisiert: 19:42 25.01.2007<hr width="80%" align="center"><font size="1">Diese Seite ist urheberrechtlich geschützt!
Copyright ©Franz Peter Griger</font></td>
</tr>
</table>
</body>
</html>
Alles anzeigen
Vergleich mal den Quelltext, der ist jetzt nicht einmal mehr halb so lang wie vorher. Wenn du Fragen hast, dann lies bitte erstmal bei SelfHTML nach und rest dann frag ruhig wieder hier
G.a.d.M.
Ronald