Hilfe bei HTML gesucht

eskalation · 23. April 2012

Hallo,

ich bin gerade dabei mein Design aus Photoshop in html umzusetzen. Habe das soweit auch schon getan habe bloß 1 Problem.

DC Harzburg Lions

wenn ich den content bereich erweiter wiederholen sich links und rechts nicht die rahmen des content obwohl ich den puffer als hintergrund in die tabelle eingefügt habe. Ich finde meinen fehler nicht.
Vielleicht könnte mir wer helfen?

<td width="94" height="1" background="Bilder/index_37.png"> </td>
<td width="196" height="1" background="Bilder/index_39.png"> </td>

Das sind meine puffer.

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>DC Harzburg Lions</title>
<style type="text/css">
.text {
    color: #FFF;
    background-repeat:repeat-x
}
.content {
    color: #FFF;
    text-align: center;
}
</style>
</head>

<body bgcolor="#000000" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0">
<table width="1024" border="0" align="center" cellpadding="0" cellspacing="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 width="1024" height="205"><img src="Bilder/index_01.png" width="1024" height="205" /></td>
          </tr>
          <tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="337" height="22"><img src="Bilder/index_02.png" width="337" height="22" /></td>
                <td width="64" height="22"><img src="Bilder/index_03.png" width="64" height="22" /></td>
                <td width="79" height="22"><img src="Bilder/index_04.png" width="79" height="22" /></td>
                <td width="100" height="22"><img src="Bilder/index_05.png" width="100" height="22" /></td>
                <td width="444" height="22"><img src="Bilder/index_06.png" width="444" height="22" /></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="1024" height="28"><img src="Bilder/index_07.png" width="1024" height="28" /></td>
          </tr>
          <tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="230" height="23"><img src="Bilder/index_08.png" width="230" height="23" /></td>
        <td width="575" height="23" background="Bilder/index_09.png" class="text"><marquee scrollamount="3" scrolldelay="1">
          blablablablablablablablablablablabla
        </marquee></td>
                <td width="219" height="23"><img src="Bilder/index_10.png" width="219" height="23" /></td>
              </tr>
            </table></td>
          </tr>
          <tr>
            <td width="1024" height="17"><img src="Bilder/index_11.png" width="1024" height="17" /></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="26" height="360" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="26" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="26" height="360"> </td>
                  </tr>
                  <tr>
                    <td width="26" height="1"> </td>
                  </tr>
                </table></td>
              </tr>
              </table></td>
            <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 valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="83" height="15"><img src="Bilder/index_13.png" width="83" height="15" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="22"><img src="Bilder/index_17.png" width="83" height="22" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="16"><img src="Bilder/index_18.png" width="83" height="16" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="23"><img src="Bilder/index_19.png" width="83" height="23" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="16"><img src="Bilder/index_20.png" width="83" height="16" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="23"><img src="Bilder/index_21.png" width="83" height="23" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="15"><img src="Bilder/index_22.png" width="83" height="15" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="23"><img src="Bilder/index_23.png" width="83" height="23" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="19"><img src="Bilder/index_24.png" width="83" height="19" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="20"><img src="Bilder/index_25.png" width="83" height="20" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="14"><img src="Bilder/index_26.png" width="83" height="14" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="23"><img src="Bilder/index_27.png" width="83" height="23" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="16"><img src="Bilder/index_28.png" width="83" height="16" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="24"><img src="Bilder/index_29.png" width="83" height="24" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="18"><img src="Bilder/index_30.png" width="83" height="18" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="19"><img src="Bilder/index_31.png" width="83" height="19" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="16"><img src="Bilder/index_32.png" width="83" height="16" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="22"><img src="Bilder/index_33.png" width="83" height="22" /></td>
                      </tr>
                      <tr>
                        <td width="83" height="16"><img src="Bilder/index_34.png" width="83" height="16" />
                          <table width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tr>
                              <td width="83" height="1"> </td>
                            </tr>
                          </table></td>
                      </tr>
                    </table></td>
                    <td width="94" height="360" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="94"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="94" height="360"><img src="Bilder/index_14.png" width="94" height="360" /></td>
                          </tr>
                          <tr>
                            <td width="94" height="1" background="Bilder/index_37.png"> </td>
                          </tr>
                        </table></td>
                      </tr>
                      </table></td>
                    <td width="625" height="360" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                      <tr>
                        <td width="625" height="360" align="left" valign="top" background="Bilder/index_15.png" class="content"><p>a</p>
                          <p>b</p>
                          <p>c</p>
                          <p>d</p>
                          <p>e</p>
                          <p>f</p>
                          <p>g</p>
                          <p>h</p>
                          <p>i</p>
                          <p>j</p>
                          <p>k</p>
                          <p>l</p>
                          <p>m</p>
                          <p>n</p>
                          <p>o                          </p></tr>
                      </table></td>                  
                    </tr>
                </table></td>
              </tr>
            </table></td>
            <td width="196" height="360" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="196" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                  <tr>
                    <td width="196" height="360"><img src="Bilder/index_16.png" width="196" height="360" /></td>
                  </tr>
                  <tr>
                    <td width="196" height="1" background="Bilder/index_39.png"> </td>
                  </tr>
                </table></td>
              </tr>
              </table></td>
          </tr>
        </table>
          <table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="26" height="112"><img src="Bilder/index_40.png" width="26" height="112" /></td>
                  <td width="83" height="112"><img src="Bilder/index_41.png" width="83" height="112" /></td>
                  <td width="94" height="112"><img src="Bilder/index_42.png" width="94" height="112" /></td>
                  <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                      <td width="625" height="63"><img src="Bilder/index_43.png" width="625" height="63" /></td>
                    </tr>
                    <tr>
                      <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
                        <tr>
                          <td width="35" height="11"><img src="Bilder/index_45.png" width="35" height="11" /></td>
                          <td width="39" height="11"><img src="Bilder/index_46.png" width="39" height="11" /></td>
                          <td width="24" height="11"><img src="Bilder/index_47.png" width="24" height="11" /></td>
                          <td width="56" height="11"><img src="Bilder/index_48.png" width="56" height="11" /></td>
                          <td width="471" height="11"><img src="Bilder/index_49.png" width="471" height="11" /></td>
                        </tr>
                      </table></td>
                    </tr>
                    <tr>
                      <td width="625" height="38"><img src="Bilder/index_50.png" width="625" height="38" /></td>
                    </tr>
                  </table></td>
                  <td width="196" height="112"><img src="Bilder/index_44.png" width="196" height="112" /></td>
                </tr>
              </table></td>
            </tr>
          </table></td>
      </tr>
    </table></td>
  </tr>
</table>
</body>
</html>

MfG
Carsten

derP4computer · 23. April 2012

Jetzt geht es doch, wo war denn der Fehler?

eskalation · 23. April 2012

ja, gerade im irc gefragt.
Musste nur nen css style setzen damit sich der puffer verlängert.

danke trotzdem

MfG
Carsten

akatoti · 27. April 2012

Kurze Frage, wieso trennst du nicht CSS von HTML so wie es sich gehört,. dann hättest du eine klare Anlaufstelle gehabt, wo dein Fehler liegt. Validieren würde ich deinen Code auch mal..

Hilfe bei HTML gesucht

eskalation

Komplett-PC-Aufrüster(in)

derP4computer

BIOS-Overclocker(in)

eskalation

Komplett-PC-Aufrüster(in)

akatoti

Komplett-PC-Aufrüster(in)

Ähnliche Themen