Also ich habe ein nettes Template gefunden, wieso auch was selber machen, wenn man schnell was saugen kann dachte ich mir.
Sieht net aus und für die HP von nem Kumpel dachte ich geht das in 20 min...
Doch Pfeifendeckel ....
im Browser werden die einzelnen Graphiken untereinander dargestellt ... obwohl mit spalten gearbeitet wird ...
Ich finde nach 2 Tagen den fehler leider nicht, woran kann es liegen das der Browser es so anzeigt, ich hoff ich kann euch irgendwie animieren nach dem Fehler mit mir zu suchen =P
Hier ist der Quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-5" />
<title>WO steckt der Fehler???</title>
<link href="style.css" rel="stylesheet"
type="text/css" />
</head>
<body>
<div id="header"> <a href="#"><img
src="images/logo.gif" alt="" height="85"
width="336" /></a> </div>
<div>
<div id="left">
<ul class="menu">
<li><a href="#"><img src="images/but1.jpg"
alt="" align="left" height="150" width="150" /></a></li>
<li><a href="#"><img src="images/but2.jpg"
alt="" align="left" height="150" width="150" /></a></li>
<li><a href="#"><img src="images/but3.jpg"
alt="" align="left" height="150" width="150" /></a></li>
</ul>
</div>
<div class="center">
<div class="topcenter"> <img src="images/title1.gif"
alt="" align="left" height="46" width="264" />
<div
style="position: absolute; top: 1px; left: 1px; height: 0px; width: 0px; overflow: hidden;"><a
href="http://www.freetemplatesonline.com">
<h1>free templates</h1>
</a><a href="http://www.webdesign.org">
<h1>web design</h1>
</a></div>
<p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Praesent vestibu- lum molestie lacus. Aenean nonmy hendrerit mauris.
Phasus portsupit varius mi. Cum sociis natoque penatibus et magnis
parturntes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada
odio. Morbi nunc odio, graviat, cursus uctus a, lorem. Maecenas
tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan
malesuada orci. </p>
</div>
<div class="bottomcenter"> <img src="images/title2.gif"
alt="" height="24" width="283" />
<div class="img"> <a href="#"><img
src="images/img1.jpg" alt="" height="114"
width="68" /></a> <a href="#"><img
src="images/img2.jpg" alt="" height="114"
width="68" /></a> <a href="#"><img
src="images/img3.jpg" alt="" height="114"
width="68" /></a>
<ul>
<li><a href="#">Lorem ipsit</a></li>
<li><a href="#">Praesent vem</a></li>
<li><a href="#">Aenean nndreri</a></li>
<li><a href="#">Phasellus port</a></li>
<li><a href="#">Cum sociis nato</a></li>
<li><a href="#">Lorem ipsit</a></li>
</ul>
</div>
</div>
</div>
<div class="right">
<ul class="menu">
<li><a href="#"><img src="images/but4.jpg"
alt="" height="150" width="150" /></a></li>
<li><a href="#"><img src="images/but5.jpg"
alt="" height="150" width="150" /></a></li>
<li><a href="#"><img src="images/but6.jpg"
alt="" height="150" width="150" /></a></li>
</ul>
</div>
</div>
<div id="footer"> YourCompany.Com © 2008 | <a
href="#">Privacy Policy</a> | <a href="#">Terms
Of Use</a><br />
<a href="http://www.webdesign.org">Web Design</a> by
<a href="http://www.freetemplatesonline.com">Free Templates</a>
Online<br />
<a href="#">sound control</a>
<div class="bot"> <a href="#"><img
src="images/bot1.jpg" alt="" height="60"
width="60" /></a> <a href="#"><img
src="images/bot2.jpg" alt="" height="60"
width="71" /></a> <a href="#"><img
src="images/bot3.jpg" alt="" height="60"
width="60" /></a> <a href="#"><img
src="images/bot4.jpg" alt="" height="60"
width="61" /></a> </div>
</div>
</body>
</html>