Probleme bei der Darstellung im Browser

  • 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 &copy; 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>

  • Statt uns den HTML-Code unformatiert zu posten, wäre ein Link zur Seite ratsam, damit man sich das auch ansehen kann.

    Und noch ein Hinweis: mit keinem Template bist du in 20 Minuten fertig.

  • ;D doch mit fertig werden meine ich, das es nach was aussieht, und da kurz die Bilder anpassen ist ja kein Thema oder? also ich glaube in 20 min bekomm ich mit PS des hin

    Danke für die schnelle antwort,

    sorry den link hatte ich vergessen

    http://www.blackout-community.de/hp

  • Du musst die Klasse "menu" nicht ul, sondern li zuweisen:

    Code
    <div id="left">
    			<ul>
    				<li class="menu"><a href="#"><img src="images/but1.jpg" alt="" width="150" height="150"></a></li>
    				<li class="menu"><a href="#"><img src="images/but2.jpg" alt="" width="150" height="150"></a></li>
    				<li class="menu"><a href="#"><img src="images/but3.jpg" alt="" width="150" height="150"></a></li>
    			</ul>
  • hi kannst du da nen Beispiel machen wie das funktioniert?

    Denn einfach "ersetzen" geht leider nicht...

    Danke =)

  • So hab den Index wieder auf ursprung so wie er hier gepostet ist zurück gestellt...

    aber ich finde kein "float"

    hast du dich verlesen?

  • Learning by doing =)

    und gott sei dank gibt es nette Leute wie dich die einem gerne weiterhelfen =)

    ;D

    Danke schön

    Coco