Anbei der neue HTML Code mit dem neuen Strict Code:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<html>
<head>
<title>Temp</title>
<link rel=stylesheet type=text/css href=index.css>
</head>
<body>
<div id="box">
<!--LINKE SPALTE----------------------------------------------------------------------------------!-->
<div id="links">
<img src="images/logo.gif" alt="Logo" width="167" height="167" border="0">
<div id="newshead">
<img src="images/newshead.gif" alt="News" width="47" height="20" border="0">
</div><!--/newshead!-->
<div id="newscont">
<img src="images/bild.gif" alt="Bild" width="167" height="167">
<h3> Headline</h3>
<p>Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </p>
</div><!--/newscont!-->
<div id="termhead"><img src="images/termine.gif" alt="Termine" width="75" height="20"></div><!--/termhead!-->
<div id="termcont">
<img src="images/bild.gif" alt="Bild" width="167" height="167">
<h3> Headline</h3>
<p>Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </p>
</div><!--/newscont!-->
</div><!--/links!-->
<!--RECHTE SPALTE----------------------------------------------------------------------------------!-->
<div id="rechts">
<img src="images/banner.gif" alt="Banner" width="559" height="167" border="0">
<div id="navi">
<img src="images/navigation/label_gold.gif" alt="Label" width="49" height="20" border="0">
<img src="images/navigation/label_gold.gif" alt="Label" width="49" height="20" border="0">
<img src="images/navigation/label_gold.gif" alt="Label" width="49" height="20" border="0">
<img src="images/navigation/label_gold.gif" alt="Label" width="49" height="20" border="0">
<img src="images/navigation/label_gold.gif" alt="Label" width="49" height="20" border="0">
<img src="images/navigation/label_gold.gif" alt="Label" width="49" height="20" border="0">
<img src="images/navigation/label_gold.gif" alt="Label" width="49" height="20" border="0">
</div><!--/navi!-->
<div id="content">
<div class="spalte">
<h3> Headline</h3>
<p>Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </p>
<img src="images/bild.gif" alt="Bild" width="167" height="167">
</div><!--/spalte!-->
<div class="spalte">
<h3> Headline</h3>
<p>Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </p>
<img src="images/bild.gif" alt="Bild" width="167" height="167">
</div><!--/spalte!-->
<div class="spalte">
<h3> Headline</h3>
<p>Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </p>
<img src="images/bild.gif" alt="Bild" width="167" height="167">
</div><!--/spalte!-->
<div class="spalte">
<h3> Headline</h3>
<p>Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </p>
<img src="images/bild.gif" alt="Bild" width="167" height="167">
</div><!--/spalte!-->
<div class="spalte">
<h3> Headline</h3>
<p>Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </p>
<img src="images/bild.gif" alt="Bild" width="167" height="167">
</div><!--/spalte!-->
<div class="spalte">
<h3> Headline</h3>
<p>Ich bin Blindtext. Von Geburt an. Es hat lange gedauert, bis ich begriffen habe, was es bedeutet, ein blinder Text zu sein: Man macht keinen Sinn. Man wirkt hier und da aus dem Zusammenhang gerissen. </p>
<img src="images/bild.gif" alt="Bild" width="167" height="167">
</div><!--/spalte!-->
</div><!--/content!-->
</div><!--/rechts!-->
<div id="footer">
<ul>
<li><a href="#">Navifoot</a></li>
<li><a href="#">Navifoot</a></li>
<li><a href="#">Navifoot</a></li>
<li><a href="#">Navifoot</a></li>
<li><a href="#">Navifoot</a></li>
<li><a href="#">Navifoot</a></li>
</ul>
</div><!--/footer!-->
</div><!--/box!-->
</body>
</html>
Der CSS COde ist der selbe wie vorher, da ich ja leider noch nicht weiss was ich ändern muss.
Gibt es einen Link zu einem Beispiel wie man eine <ul>Navi programmiert, die mit Image-Rollovers arbeitet? Wäre ja super wenn ich auf Java verzichten kann!