Homepageproblem

Eclipse

Hallo ich habe eine Frage zum Hompage estellen. Bin noch ziemlich neu darin und habe mir ein Template gedownloaded. Habe alles auf der Linken Seite eingefügt doch jetzt kommt das Problem, wie bekomme ich den Rest auf die andere Seite?? Wenn ich das Img aus der Mitte eingesetzt habe, dann verschiebt es sich aber alles. Gibt es da einen Spezielen Befehl, damit sich das nicht verschiebt??
Programm: Phase5

Zitat

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

<meta name="author" content="Florian">
</head>
<body text="#000000" bgcolor="#000000" link="#FF0000" alink="#FF0000" vlink="#FF0000">

<img src="Templates/ob-c_black_oval/Bilder/index_02.jpg" width="948" height="33" border="0" alt="">
<img src="Templates/ob-c_black_oval/psd/header.jpg" width="948" height="139" border="0" alt="">
<img src="Templates/ob-c_black_oval/Bilder/index_05.jpg" width="948" height="33" border="0" alt="">
<img src="Templates/ob-c_black_oval/Bilder/navi_buttons_01.jpg" width="167" height="53" border="0" alt="">
<img src="Templates/ob-c_black_oval/Bilder/content_last_boxen_01.jpg" width="612" height="37" border="0" alt="">
<img src="Templates/ob-c_black_oval/Bilder/navi_rechts_01.jpg" width="166" height="53" border="0" alt="">

<ul>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_02.jpg" width="167" height="17" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_03.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_04.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_05.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_06.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_07.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_08.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_09.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_10.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_11.jpg" width="167" height="18" border="0" alt=""></a></li>

<img src="Templates/ob-c_black_oval/Bilder/navi_buttons_12.jpg" width="167" height="49" border="0" alt=""></a></li><img src="in-bearbeitung.jpg" width="266" height="238" border="0" alt="">

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_13.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_14.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_15.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_16.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_17.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_18.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_19.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_20.jpg" width="167" height="18" border="0" alt=""></a></li>

<li><a href="http://www.TEST.TEST"><img src="Templates/ob-c_black_oval/Bilder/hover_21.jpg" width="167" height="18" border="0" alt=""></a></li>

</ul>

</body>
</html>

Alles anzeigen

Es soll so aussehen -> http://templatehure.te.funpic.de/ob-c_black_oval/index.php?
Es sieht aber so aus ->[Blockierte Grafik: http://www.bilder-space.de/thumb/hZqgcwFLKCwOiUr.JPG]

pinales

Tach!

Du schreibst ja, dass Du "ziemlich neu im Homepage erstellen" bist. Das zeigt auch Dein Code. Darin fehlt jegliche Struktur. Es ist eine Webseite, die lediglich aus Bildern und einer "Navigationsliste" besteht. Um das zu tun was Du möchtest, ist es erforderlich, Inhalte mit Grenzen, Größen und Positionen zu versehen. Dazu wirst Du nicht umhin kommen, dich mit Containern und Gestaltungshilfen wie CSS vertraut zu machen. Es gibt jede Menge Seiten, die zum Lernen gut geeignet sind (siehe unten). Wenn Du dich mal mit den Grundlagen beschäftigt hast, wird es Dir leicht fallen, Inhalte von links nach rechts zu verschieben. Wenn´s mal nicht klappt, wird dir hier sicher gern geholfen. Auch das erfordert aber, dass Du weißt, was ein <div> ist und was man damit so im Groben anstellen kann.

selfhtml.org/
http://www.css-lernen.net/

Homepageproblem

Tags

Benutzer online in diesem Thema