nicht angemeldet
Hallo,
Der Code enthält leider viele Fehler, weshalb es nicht sei einfach sein wird, herauszufinden, woran es liegt.
Am Besten gehen wir ihn mal schrittweise durch:
Hier fehlt die http://de.selfhtml.org/html/allgemein/grundgeruest.htm#dokumenttyp@title=Dokumenttyp-Deklaration, weshalb die Seiten im Quirkmode (Ratemodus) dargestellt wird. Um eine einheitliche Darstellung zu erreichen, solltest du eine vollständige Dokumenttyp-Deklaration verwenden.
<html>
<div align="center">
<table border="0" cellspacing="0" cellpadding="0">
<colgroup>
<col width="1020">
</colgroup>
<tr>
<td><img src="http://www.osnanet.de/markus.buennagel/Bilder/Logo35.jpg" width="1020" height="82" border="0" alt=""></td>
</tr>
</table>
</div>
Was hat HTML-Code, sich sichtbar sein soll, außerhalb des <body>'s zu suchen?
<style type="text/css">~~~css
#nav, #nav ul
{
margin: 0;
padding: 0;
}
#nav ul
{
}
#nav li {
list-style:none;
float: left;
width:170px;
height:22px;
background-color:#ffffcc;
font-size:12px;
font-family:Verdana, Helvetia,sans-serif;
font-weight:bold;
text-decoration:none;
text-align:center;
vertical-align:middle;
background-image:url("http://www.osnanet.de/markus.buennagel/Bilder/Button8.jpg");
}
#nav li a{
font-family:Verdana, Helvetia,sans-serif;
text-decoration:none;
color:#000000;
font-weight:bold;
font-size:12px;
padding:2px;
background-color:#ffffcc;
border-style:solid;
border-width:0px;
text-align:center;
vertical-align:middle;
background-image:url("http://www.osnanet.de/markus.buennagel/Bilder/Button8.jpg");
display:block;
}
#nav li a:link {display:block;background-color:#ffffcc;color:#000000;font-weight:bold;font-family:Verdana, Helvetia,sans-serif;font-size:12px;text-decoration:none;border-style:solid;border-width:0px;text-align:center;vertical-align:middle;background-image:url("http://www.osnanet.de/markus.buennagel/Bilder/Button8.jpg");}
#nav li a:visited {display:block;background-color:#ffffcc;color:#000000;font-weight:bold;font-family:Verdana, Helvetia,sans-serif;font-size:12px;border-style:solid;border-width:0px;text-align:center;vertical-align:middle;background-image:url("http://www.osnanet.de/markus.buennagel/Bilder/Button8.jpg");}
#nav li a:hover {display:block;background-color:#ffffcc;color:#000000;font-weight:bold;font-family:Verdana, Helvetia,sans-serif;font-size:12px;text-decoration:none;border-style:solid;border-width:0px;text-align:center;vertical-align:middle;background-image:url("http://www.osnanet.de/markus.buennagel/Bilder/Button8.jpg");}
#nav li a:active {display:block;background-color:#ffffcc;
color:#000000;font-weight:bold;font-family:Verdana, Helvetia,sans-serif;font-size:12px;border-style:solid;border-width:0px;text-align:center;vertical-align:middle;background-image:url("http://www.osnanet.de/markus.buennagel/Bilder/Button8.jpg");}
</style>
Stylesheets gehören in den <head>-Bereich!
Außerdem noch ein kleiner Tipp zum Stylesheet: der Selektor „a“ schließt a:link,a:visited,a:hover und a:active mit ein. Warum notierst du also alles doppelt?
`<body bgcolor="#FFFFFF" text="#000000">`{:.language-html}
Das ist zwar nicht falsch, sollte aber nicht mehr verwendet werden. Schreibe lieber:
`body {background-color:#ffffff; color:#000000;}`{:.language-css}
in ein Stylesheet.
`<ul id="nav">`{:.language-html}
Du vwerwendest also eine Aufzählungsliste für deine Navigation. Das ist korrekt...
~~~html
<table border="0" cellspacing="0" cellpadding="0">
<colgroup>
<col width="1020">
</colgroup>
<tr valign="top">
<td>
... das dagegen nicht! Das Kindelement von <ul> muss immer <li> sein.
<li><a img src="http://www.osnanet.de/markus.buennagel/Bilder/Button8.jpg" width="170" height="22" border="0" alt=""></a></li>
</td>
<td>
<li><a href="http://www.osnanet.de/markus.buennagel/HTML/AGB.html">AGB</a></li>
</td>
<td>
<li><a href="http://www.osnanet.de/markus.buennagel/HTML/Garantie.html">Garantie</a></li>
</td>
<td>
<li><a href="http://www.osnanet.de/markus.buennagel/HTML/R%fcckgabe.html">Rückgabe</a></li>
</td>
<td>
<li><a href="http://www.osnanet.de/markus.buennagel/HTML/Versand.html">Versand</a></li>
</td>
<td>
<li><a img src="http://www.osnanet.de/markus.buennagel/Bilder/Button8.jpg" width="170" height="22" border="0" alt=""></a></li>
</td>
</tr>
</table>
Überhaupt frage ich mich, wozu du die Tabelle brauchst. Auch eine vertikale Navigation lässt sich ganz einfach mit CSS und einer einfachen Aufzählungsliste erstellen.
</ul>
<div align="center">
Warum arbeitest du hier nicht mit CSS und Text-align:center; ?
<table border="0" cellspacing="0" cellpadding="0">
<colgroup>
<col width="1020">
</colgroup>
<tr align="center">
<td>
<img src="http://www.osnanet.de/markus.buennagel/Bilder/Unter%20Logo9.jpg" width="1020" height="60" border="0" alt="">
</td>
</tr>
</table>
</div></body></html>
Du solltest also erst einmal die Fehler beheben, die Datei validieren.
mfg. Daniel