• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

seiter wird verzerrt???

Status
Für weitere Antworten geschlossen.
coolkiller384

coolkiller384

Neues Mitglied
Hi.

habe ein problem mit meiner homepage. die seite ist mit photoshop erstellt, dann geslicet und bearbeitet. jetzt mein problem:

wenn ich an meiner stelle vom content einen text eingebe, dann wird die seite verzerrt, dh. zwei bilder werden die ganze zeit wiederholt.

die index.html:

Code: 
<html>
<head>
<title>hp design</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<link href="style.css" rel="stylesheet" type="text/css">
<body>
<table id="Tabelle_01" width="1163" border="0" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="4">
            <img src="http://www.html.de/images/index_01.gif" width="178" height="258" alt=""></td>
        <td colspan="6">
            <img src="http://www.html.de/images/index_02.gif" width="670" height="26" alt=""></td>
        <td colspan="2" rowspan="2">
            <img src="http://www.html.de/images/index_03.gif" width="314" height="224" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="26" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="2">
            <img src="http://www.html.de/images/index_04.gif" width="151" height="231" alt=""></td>
        <td colspan="3">
            <img src="http://www.html.de/images/index_05.gif" width="441" height="198" alt=""></td>
        <td rowspan="4">
            <img src="http://www.html.de/images/index_06.gif" width="78" height="244" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="198" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="http://www.html.de/images/index_07.gif" width="441" height="33" alt=""></td>
        <td colspan="2" rowspan="3" background="http://www.html.de/images/index_08.gif">
        </td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="33" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="6" background="http://www.html.de/images/index_09.gif">
        </td>
        <td colspan="2" rowspan="2">
            <img src="http://www.html.de/images/index_10.gif" width="440" height="13" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="1" alt=""></td>
    </tr>
         <tr>
        <td rowspan="5" background="http://www.html.de/images/index_11.gif">
        </td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="12" alt=""></td>
    </tr>
    <tr>
        <td rowspan="13">
            <img src="http://www.html.de/images/index_12.gif" width="57" height="493" alt=""></td>
        <td colspan="3">
            <img src="http://www.html.de/images/index_13.gif" width="692" height="33" alt=""></td>
        <td rowspan="13">
            <img src="http://www.html.de/images/index_14.gif" width="83" height="493" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="33" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="http://www.html.de/images/index_15.gif" width="692" height="17" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" background="http://www.html.de/images/index_16.gif">
        <div id="inhalt">
                 <p><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br><b>Herzlich Willkommen auf Coki-Designz!</b><br></p>
                 </div></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="17" alt=""></td>
    </tr>
    <tr>
        <td colspan="3" rowspan="8">
            <img src="http://www.html.de/images/index_17.gif" width="692" height="336" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="19" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" background="http://www.html.de/images/index_18.gif">
        </td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="21" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" background="http://www.html.de/images/index_19.gif">
        </td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="120" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" background="http://www.html.de/images/index_20.gif">
        </td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="101" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" background="http://www.html.de/images/index_21.gif">
        </td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="18" alt=""></td>
    </tr>
    <tr>
        <td colspan="4" background="http://www.html.de/images/index_22.gif">
        </td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="27" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" background="http://www.html.de/images/index_23.gif">
        </td>
        <td colspan="2" rowspan="4">
            <img src="http://www.html.de/images/index_24.gif" width="80" height="120" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td colspan="2" rowspan="3">
            <img src="http://www.html.de/images/index_25.gif" width="250" height="105" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="15" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="http://www.html.de/images/index_26.gif" width="692" height="21" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="21" alt=""></td>
    </tr>
    <tr>
        <td colspan="3">
            <img src="http://www.html.de/images/index_27.gif" width="692" height="69" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="69" alt=""></td>
    </tr>
    <tr>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="178" height="1" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="72" height="1" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="79" height="1" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="1" height="1" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="57" height="1" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="383" height="1" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="78" height="1" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="231" height="1" alt=""></td>
        <td>
            <img src="http://www.html.de/images/Abstandhalter.gif" width="83" height="1" alt=""></td>
        <td></td>
    </tr>
</table>
</body>
</link>
</html>
dort sind die bilder index_09 und index_11 die beiden bilder, die die ganze zeit verschoben werden und bei der index_16 ist der text.
die id wird in meiner css definiert:

Code: 
body
{background-color:#616161;}

img

{border:0;}

#inhalt

{font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#000000;
text-align:center;
margin-bottom:50px;
margin-left:50px;
margin-right:50px;
padding:30px;}
a:hover{color:#4eff00;}
a:visited{color:#000000;text-decoration:underline;}
a:link{color:#4eff00;text-decoration:none;}
bin noch nich so wirklich der pro in html, css usw. ;ugl und würde gerne von euch wissen, wie ich das ganze begradigen kann
 
Zuletzt bearbeitet:
sry, aber, wie schon gesagt, ich bin nich so der pro ^^ muss das in die css (wenn ja, wo?), oder in die html datei?

//EDIT:

hab alles probiert, ich hab keine ahnung, wie das funktionieren soll. kann mir nich pls jemand helfn? :(
 
Zuletzt bearbeitet:
Also ich kenn mich mit Grakik nich so gut aus, aber ich würd´s so machen:
CSS:
.bildfürdienavigation {
repeat: no-repeat;
}
 
Verbesserung ;)
Code: 
 .navigation {
  background:URL('bild.jpg') no-repeat;
}
repeat gibts nicht, es heißt background-repeat und funktioniert nur mit Hintergrundbildern.
 
aber ".navigation" heißt doch, dass ich damit dann noch die klasse festlege, oder? dann muss ich doch noch irgendwo die klasse ins html dokument reinklatschen, oder?
 
und wohin genau gehört das?

du siehst ja oben noch meinen quelltext, muss ich das in ein <td> schreiben, oder wo? weil sonst wirds nämlich nich an der richtigen position angezeigt:-?
 
Du schreibst es in die Zeile, in der jetzt das Bild steht.

(Deinen Quelltext kann ich nicht lesen, bei so vielen Tabellenzeilen bekomm ich Panikzustände :-))
 
sry, wegen dem quelltext, aber das ist der, den photoshop zum größten teil generiert:oops:

ich probiers jetz ma aus

die beiden bilder sind nun etwas zu weit nach links gerückt und zu weit unten (der header usw. ist noch weiter oben) und der untere teil ist natürlich auch viel zu weit unten. wie krieg ich die sachen an die richtige stelle gerückt?

//EDIT:

das problem ist zum größten teil gelöst, doch jetzt sieht das ganze so aus:

der obere teil der navi ist wieder rangerückt, nur ich krieg den unteren beim besten willen nich dran -.-
 
Zuletzt bearbeitet:
Könntest du bitte deine übergroßen Screenshots aus dem Forum nehmen und auf deinen Webspace hochladen und von dort aus verlinken? Danke.
 
Status
Für weitere Antworten geschlossen.

Neueste Beiträge

Zurück
Oben