Antworten auf deine Fragen:
Neues Thema erstellen

Antworten zum Thema „Verschiebung?“

UsingGrant

Durchstarter

Hallo, ich habe 2 Probleme jedoch poste ich als erstes mal die Page, bei der die Probleme auftreten.



Das ist die Homepage wie sie aussehen soll.

Nun habe ich das Problem, wenn ich diese Anpasse, dass sie sich verzieht, dann sieht sie so aus:



Habt ihr einen Tipp, was ich falsch mache?

HTML:
<!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=utf-8" />
<title>Unbenanntes Dokument</title>
</head>

<body bgcolor="#00010b">
<center>
<table width="1000" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td><img src="Bilder/index_01.jpg" width="1000" height="254" /></td>
      </tr>
      <tr>
        <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><img src="Bilder/index_02.jpg" width="141" height="39" /></td>
            <td><img src="Bilder/index_03.jpg" width="3" height="39" /></td>
            <td><img src="Bilder/index_04.jpg" width="111" height="39" /></td>
            <td><img src="Bilder/index_05.jpg" width="3" height="39" /></td>
            <td><img src="Bilder/index_06.jpg" width="108" height="39" /></td>
            <td><img src="Bilder/index_07.jpg" width="5" height="39" /></td>
            <td><img src="Bilder/index_08.jpg" width="112" height="39" /></td>
            <td><img src="Bilder/index_09.jpg" width="3" height="39" /></td>
            <td><img src="Bilder/index_10.jpg" width="511" height="39" /></td>
            <td><img src="Bilder/index_11.jpg" width="3" height="39" /></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td><img src="Bilder/index_12.jpg" width="3" height="129" /></td>
                        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><img src="Bilder/index_13.jpg" width="429" height="126" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_48.jpg" width="432" height="3" /></td>
                          </tr>
                        </table></td>
                        <td><img src="Bilder/index_14.jpg" width="3" height="126" /></td>
                        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><img src="Bilder/index_15.jpg" width="31" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_20.jpg" width="31" height="3" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_23.jpg" width="31" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_29.jpg" width="31" height="3" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_33.jpg" width="31" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_36.jpg" width="31" height="4" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_39.jpg" width="31" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_42.jpg" width="31" height="4" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_45.jpg" width="31" height="23" /></td>
                          </tr>
                        </table></td>
                        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><img src="Bilder/index_16.jpg" width="46" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_21.jpg" width="46" height="3" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_24.jpg" width="46" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_30.jpg" width="46" height="3" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_34.jpg" width="46" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_37.jpg" width="46" height="4" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_40.jpg" width="46" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_43.jpg" width="46" height="4" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_46.jpg" width="46" height="23" /></td>
                          </tr>
                        </table></td>
                        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><img src="Bilder/index_17.jpg" width="34" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_22.jpg" width="34" height="3" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_25.jpg" width="34" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_31.jpg" width="34" height="3" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_35.jpg" width="34" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_38.jpg" width="34" height="4" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_41.jpg" width="34" height="23" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_44.jpg" width="34" height="4" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_47.jpg" width="34" height="23" /></td>
                          </tr>
                        </table></td>
                      </tr>
                    </table></td>
                  </tr>
                  <tr>
                    <td>&nbsp;</td>
                  </tr>
                </table></td>
                <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><img src="Bilder/index_18.jpg" width="225" height="38" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_27.jpg" width="225" height="11" /></td>
                          </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                    </table></td>
                    <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td><img src="Bilder/index_19.jpg" width="229" height="35" /></td>
                          </tr>
                          <tr>
                            <td><img src="Bilder/index_26.jpg" width="229" height="7" /></td>
                          </tr>
                        </table></td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                      <tr>
                        <td>&nbsp;</td>
                      </tr>
                    </table></td>
                  </tr>
                </table></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
      </tr>
    </table></td>
  </tr>
</table>
</center>
</body>
</html>

Die Pixel stimmen ein, die Seite ist 1000px breit und wenn ich nachrechne, komme ich auch im Dreamweaver auf 1000px.
 
Zuletzt bearbeitet:

W

waterwebdesign

Guest

AW: Verschiebung?

Ich vermute, dass deine extreme Verschachtelung für das Verziehen sorgt, aber mir ist es zu mühselig, mich durch die 16 Tabellen zu denken.
Also, Tabellen raus, überdenk das Layout und kriegste das auch mit Div-Containern hin ohne ein Verziehen hin ;)
 

Schattenspringer

Noch nicht viel geschrieben

AW: Verschiebung?

*grübel* alles bissl unübersichtlich - eine monster-tabellenkonstruktion uiuiui ...
also was mir aber mal auffiel ist,

<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="Bilder/index_12.jpg" width="3" height="129" /></td>
<td><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><img src="Bilder/index_13.jpg" width="429" height="126" /></td>
</tr>
<tr>
<td><img src="Bilder/index_48.jpg" width="432" height="3" /></td>
</tr>
</table>du hast hier z.b. ( ist an anderen stellen auch so) die ganzen td und tr nicht geschlossen .... deswegen verzieht es wahrscheinlich auch das layout - .... das mal ein erster eindruck auf die schnelle...
davon abgesehen benutzt man tabellen nicht mehr als mittel um ein layout herzustellen ...


gruss
schattenspringer
 

UsingGrant

Durchstarter

AW: Verschiebung?

die werden geschlossen jedoch erst später, da das Tabellen in Tabellen sind, das dies unübersichtlich ist, habe ich schon mitbekommen.
 

FlashSoft

Besserwisser

AW: Verschiebung?

Poste mal das gesamte Projekt, vielleicht kann ich dir da weiterhelfen. Von den gesamt Bild allein wird da auch bloss keiner schlau. Gerade wenn es in Tabellen gemacht wurde.
 
Zuletzt bearbeitet:

UsingGrant

Durchstarter

AW: Verschiebung?

ich habe noch nicht weiter gemacht, als da oben zu sehen ist, da sich alles verzieht.
Der HTML Code oben ist alles was ich bisher dabei gemacht habe.
 
W

waterwebdesign

Guest

AW: Verschiebung?

die werden geschlossen jedoch erst später, da das Tabellen in Tabellen sind
Es ist immer empfehlenswert die Tags gleich zu schließen, sonst vergisst man es nur, und es kommt zu Fehldarstellungen.
Es ist keiner reiner Code aus PS, du hast dich zumindest schon mit HTML ansatzweise beschäftigt. Aber warum fängst du gleich falsch mit den Tabellen an?
 

UsingGrant

Durchstarter

AW: Verschiebung?

Ich habe folgendermaßen begonnen;

1.) 4 Hauptabellen (Header, Menü, Conten + Boxen, Footer)
2.) Nach dem einfügen des Headers -> Menübuttons und Scrolltext Button einfügen (einzelne Tabellen)
3.) Switchbox, News-Content und Boxen einfügen (verschiedene Untertabellen)
4.) Footer einfügen
5.) Anpassungen

Ich habe schon mehrere Designs angepasst (alle in Tabellen). Derzeitig sieht die Homepage so aus .
Diese ist aber so schlecht vom Design und unübersichtlich vom Code, daher eine neue.

Was würde eine Anpassung denn eigentlich kosten, also wenn ich mein Template anpassen lasse?

Bisher hat es immer geklappt mit meinen Tabellen ;), nur diesesmal komme ich nicht weiter :( ???
 

FlashSoft

Besserwisser

AW: Verschiebung?

Wenn du dir das anpassen lassen willst, von nen Profi da biste Geld los, aber ich würde mich versuchen das neu zu machen und ein bisschen probieren. Wenn du mir dein Projekt komlett mal schickst (mit den Bildern u.s.w.) werde ich es dir machen. Habe Webspell Local auf meinem Rechner installiert, da wird es kein Problem sein.
 

FlashSoft

Besserwisser

AW: Verschiebung?

Ja das würde ich machen, dauert zwar 3-4 Tage. Habe schon viele verschieden Templates angepasst (je nach CMS System).

Schicke mir ne .zip, .rar mit deinen jetzt gesammten Daten und ich mache das. Meine E-Mail ist: FlashSoft@t-online.de

Wenn du mir vielleich später einmal helfen kannst ist doch alles gut.
 
Bilder bitte hier hochladen und danach über das Bild-Icon (Direktlink vorher kopieren) platzieren.
Antworten auf deine Fragen:
Neues Thema erstellen

Willkommen auf PSD-Tutorials.de

In unseren Foren vernetzt du dich mit anderen Personen, um dich rund um die Themen Fotografie, Grafik, Gestaltung, Bildbearbeitung und 3D auszutauschen. Außerdem schalten wir für dich regelmäßig kostenlose Inhalte frei. Liebe Grüße senden dir die PSD-Gründer Stefan und Matthias Petri aus Waren an der Müritz. Hier erfährst du mehr über uns.

Stefan und Matthias Petri von PSD-Tutorials.de

Nächster neuer Gratisinhalt

03
Stunden
:
:
25
Minuten
:
:
19
Sekunden

Flatrate für Tutorials, Assets, Vorlagen

Statistik des Forums

Themen
175.155
Beiträge
2.581.854
Mitglieder
67.221
Neuestes Mitglied
opaklaus
Oben