[Help][HTML] Probleme mit Code

[Kompost]

Hi, ich hab ein Problem mit dem HTML Code auf meiner Website:

Bild (http://www.honkiponki.de/ggg.JPG)
Dieses "HonkiPonki Schild" soll mit dem runden Logo verkabelt sein.
Aber irgendwie rutscht alles immer viel zu weit nach rechts ich hab keine Ahnung wieso :komischschau:
Wäre nett wenn jemand helfen könnte:

Hier der HTML Code:


<table style="text-align: left; width: 100%;" border="0" cellspacing="0"
cellpadding="0">
&nbsp;<tbody>
&nbsp; &nbsp;<tr>
&nbsp; &nbsp; &nbsp;<td style="vertical-align: top; text-align: left; width: 145px;">
&nbsp; &nbsp; &nbsp;<div style="text-align: left;">
&nbsp; &nbsp; &nbsp;<div style="text-align: left;"> <img
style="width: 150px; height: 188px;" alt=""
src="logo.jpg"></div>
&nbsp; &nbsp; &nbsp;</div>
&nbsp; &nbsp; &nbsp;</td>
&nbsp; &nbsp; &nbsp;<td style="vertical-align: top; width: 200px;"><br>
&nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp;<table
style="width: 200px; height: 25px; text-align: left; margin-left: 0px; margin-right: auto;"
border="0" cellspacing="0" cellpadding="0">
&nbsp; &nbsp; &nbsp; &nbsp;<tbody>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<tr>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<td
style="background-image: url(ko.jpg); vertical-align: top; width: 100%;">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</tr>
&nbsp; &nbsp; &nbsp; &nbsp;</tbody>
&nbsp; &nbsp; &nbsp;</table>
&nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp;</td>
&nbsp; &nbsp; &nbsp;<td style="vertical-align: top; text-align: left; width: 418px;"><br>
&nbsp; &nbsp; &nbsp;<img style="width: 418px; height: 136px;" alt=""
src="honkiponki.png"><br>
&nbsp; &nbsp; &nbsp;</td>
&nbsp; &nbsp; &nbsp;<td style="vertical-align: top;"><br>
&nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp;<table
style="width: 100%; height: 25px; text-align: left; margin-left: auto; margin-right: 0px;"
border="0" cellspacing="0" cellpadding="0">
&nbsp; &nbsp; &nbsp; &nbsp;<tbody>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<tr>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<td
style="background-image: url(ko.jpg); vertical-align: top; width: 100%;">
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</td>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</tr>
&nbsp; &nbsp; &nbsp; &nbsp;</tbody>
&nbsp; &nbsp; &nbsp;</table>
&nbsp; &nbsp; &nbsp;<br>
&nbsp; &nbsp; &nbsp;</td>
&nbsp; &nbsp;</tr>
&nbsp;</tbody>
</table>

[Daedalus]

Probiers mal damit!

In den Headteil:

<style type="text/css">
<!--
body { }
#1 { position:absolute; top:1000px; left:1000px; z-index:1; }
-->
</style>

Da wo 1000 px steht musst du dann die Position deines Bildes entsprechend ändern.

Und dann dein Bild:

honkiponki.png

:)

[Kompost]

COol, danke :cool:
Funtzt! Ich muss nurnoch ein bisschen mit den Werten rumprobieren....

[Daedalus]

Noch ein Tipp .... das .png muss nicht sein. Wenn du bei Photoshop ein .jpg Bild mit hoher Qualität draus machst sieht es gleich aus aber ist wesentlich kleiner.