ilch Forum » Ilch Clan 1.1 » Design und Templates » probleme beim anpassen

Geschlossen
  1. #1
    User Pic
    sh4ft Mitglied
    Registriert seit
    27.01.2010
    Beiträge
    24
    Beitragswertungen
    1 Beitragspunkte
    hi community!

    vorweg, ich bin in sachen html, php & co anfänger.


    beim anpassen eines design habe ich zwei probleme:

    1) das design hat drei lücken die nicht sein sollten.
    siehe screenshot --> sh4ft.kicks-ass.net/fehler.jpg
    was ich seltsam finde, dass in der vorschau bei nvu dieser fehler
    nicht auftritt :/

    2) kriege ich die content-/login-/video-/newstickerbox nicht als hintergrund gesetzt.
    wenn ich versuche den befehl background=xy.jpg einzubinden,
    passiert nichts weiter, ausser das sich die tabellen verschieben.


    betroffende seite --> sh4ft.kicks-ass.net



    für eure hilfe danke ich euch im vorraus!


    Zuletzt modifiziert von sh4ft am 27.01.2010 - 22:58:02
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    also ich hab keine lücken n deinem design wenn ich es aufrufe.
    und zu zwei:
    poste mal bitte den inhalt deiner index.htm des designs
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    sh4ft Mitglied
    Registriert seit
    27.01.2010
    Beiträge
    24
    Beitragswertungen
    1 Beitragspunkte
    hm... ich habe lücken mit dem internetexplorer :/

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <meta http-equiv="content-type"
     content="text/html; charset=ISO-8859-1">
      <link href="include/designs/optik/style.css" media="screen"
     type="text/css" rel="stylesheet">
      <title>:: opt!k :: gaming and community ::</title>
    </head>
    <body>
    <table style="text-align: left; width: 900px; height: 700px;"
     border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td colspan="6" rowspan="1"
     style="text-align: left; vertical-align: top; height: 61px;"><img
     style="width: 900px; height: 61px;" alt=""
     src="include/designs/optik/images/header.jpg"></td>
        </tr>
        <tr>
          <td align="undefined" valign="undefined">
          <table style="text-align: left; width: 181px;"
     border="0" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td style="text-align: left; vertical-align: top;"><img
     style="width: 59px; height: 191px;" alt=""
     src="include/designs/optik/images/loginbox_links.jpg"></td>
                <td align="undefined" valign="undefined"><img
     style="width: 110px; height: 191px;" alt=""
     src="include/designs/optik/images/loginbox_mitte.jpg"></td>
                <td align="undefined" valign="undefined"><img
     style="width: 12px; height: 191px;" alt=""
     src="include/designs/optik/images/loginbox_rechts.jpg"></td>
              </tr>
              <tr>
                <td colspan="3" rowspan="1"
     align="undefined" valign="undefined"><img
     style="width: 181px; height: 413px;" alt=""
     src="include/designs/optik/images/maincontent_links.jpg"></td>
              </tr>
            </tbody>
          </table>
          </td>
          <td style="text-align: left; vertical-align: top;">
          <table style="text-align: left; width: 181px;"
     border="0" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td colspan="1" rowspan="1"
     style="height: 27px; width: 109px; text-align: left; vertical-align: top;">
                <table style="text-align: left; width: 181px;"
     border="0" cellpadding="0" cellspacing="0">
                  <tbody>
                    <tr>
                      <td style="text-align: left; vertical-align: top;"><img
     style="width: 109px; height: 27px;" alt=""
     src="include/designs/optik/images/newsticker_links.jpg"></td>
                      <td style="text-align: left; vertical-align: top;"><img
     style="width: 407px; height: 27px;" alt=""
     src="include/designs/optik/images/newsticker_mitte.jpg"></td>
                      <td align="undefined" valign="undefined"><img
     style="width: 22px; height: 27px;" alt=""
     src="include/designs/optik/images/newsticker_rechts.jpg"></td>
                    </tr>
                    <tr>
                      <td
     style="text-align: left; vertical-align: top; height: 11px; width: 538px;"
     rowspan="1" colspan="3"><img
     style="width: 538px; height: 11px;" alt=""
     src="include/designs/optik/images/spacer_newsticker_videobox.jpg"></td>
                    </tr>
                  </tbody>
                </table>
                </td>
              </tr>
              <tr>
              </tr>
              <tr>
                <td colspan="1" align="undefined"
     valign="undefined">
                <table style="text-align: left; width: 181px;"
     border="0" cellpadding="0" cellspacing="0">
                  <tbody>
                    <tr>
                      <td style="text-align: left; vertical-align: top;"><img
     style="width: 10px; height: 232px;" alt=""
     src="include/designs/optik/images/videobox_links.jpg"></td>
                      <td style="text-align: left; vertical-align: top;"><img
     style="width: 290px; height: 232px;" alt=""
     src="include/designs/optik/images/videobox.jpg"></td>
                      <td style="text-align: left; vertical-align: top;"><img
     style="width: 36px; height: 232px;" alt=""
     src="include/designs/optik/images/videobox_rechts.jpg"></td>
                      <td style="text-align: left; vertical-align: top;">
                      <table style="text-align: left; width: 181px;"
     border="0" cellpadding="0" cellspacing="0">
                        <tbody>
                          <tr>
                            <td
     style="text-align: left; vertical-align: top;"><img
     style="width: 180px; height: 48px;" alt=""
     src="include/designs/optik/images/navi_oben.jpg"></td>
                            <td colspan="1" rowspan="9"
     align="undefined" valign="undefined"><img
     style="width: 22px; height: 232px;" alt=""
     src="include/designs/optik/images/navi_rechts.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
     valign="undefined"><img
     style="width: 180px; height: 14px;" alt=""
     src="include/designs/optik/images/button_news.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
     valign="undefined"><img
     style="width: 180px; height: 14px;" alt=""
     src="include/designs/optik/images/button_team.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
     valign="undefined"><img
     style="width: 180px; height: 14px;" alt=""
     src="include/designs/optik/images/button_contact.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
     valign="undefined"><img
     style="width: 180px; height: 14px;" alt=""
     src="include/designs/optik/images/button_forum.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
     valign="undefined"><img
     style="width: 180px; height: 14px;" alt=""
     src="include/designs/optik/images/button_download.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
     valign="undefined"><img
     style="width: 180px; height: 14px;" alt=""
     src="include/designs/optik/images/button_supported.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
     valign="undefined"><img
     style="width: 180px; height: 14px;" alt=""
     src="include/designs/optik/images/button_imprint.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
     valign="undefined"><img
     style="width: 180px; height: 86px;" alt=""
     src="include/designs/optik/images/navi_unten.jpg"></td>
                          </tr>
                        </tbody>
                      </table>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="4" rowspan="1"
     align="undefined" valign="undefined"><img
     style="width: 538px; height: 9px;" alt=""
     src="include/designs/optik/images/spacer_video_content.jpg"></td>
                    </tr>
                    <tr>
                      <td style="text-align: left; vertical-align: top;"
     colspan="4" rowspan="1">
                      <table style="text-align: left; width: 181px;"
     border="0" cellpadding="0" cellspacing="0">
                        <tbody>
                          <tr>
                            <td
     style="text-align: left; vertical-align: top;"><img
     style="width: 10px; height: 293px;" alt=""
     src="include/designs/optik/images/content_links.jpg"></td>
                            <td
     style="text-align: left; vertical-align: top;">
                            <table
     style="text-align: left; width: 181px;" border="0"
     cellpadding="0" cellspacing="0">
                              <tbody>
                                <tr>
                                  <td
     style="height: 293px; width: 519px;"><img
     style="width: 519px; height: 293px;" alt=""
     src="include/designs/optik/images/content.jpg"></td>
                                </tr>
                              </tbody>
                            </table>
                            </td>
                            <td
     style="text-align: left; vertical-align: top;"><img
     style="width: 9px; height: 293px;" alt=""
     src="include/designs/optik/images/content_rechts.jpg"></td>
                          </tr>
                          <tr>
                            <td
     style="text-align: left; vertical-align: top;" colspan="3"
     rowspan="1"><img style="width: 538px; height: 32px;"
     alt="" src="include/designs/optik/images/content_ende.jpg"></td>
                          </tr>
                        </tbody>
                      </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
                </td>
              </tr>
            </tbody>
          </table>
          </td>
          <td rowspan="1" colspan="1" align="undefined"
     valign="undefined"><img
     style="width: 181px; height: 604px;" alt=""
     src="include/designs/optik/images/maincontent_rechts.jpg"></td>
        </tr>
        <tr>
          <td colspan="6" rowspan="1" align="undefined"
     valign="undefined"><img
     style="width: 900px; height: 35px;" alt=""
     src="include/designs/optik/images/footer.jpg"></td>
        </tr>
        <tr>
        </tr>
        <tr>
        </tr>
        <tr>
        </tr>
      </tbody>
    </table>
    </body>
    </html>
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    das kann nicht funktionieren. du solltest dir mal anschauen mit welchen platzhaltern, funktionen, etc man ein design aufbaut.
    also vom grundcode her schön und gut, aber noch hat das nichts mit ilch zu tun.

    les dir das hier mal durch, das wird dir helfen:

    externer Link
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    sh4ft Mitglied
    Registriert seit
    27.01.2010
    Beiträge
    24
    Beitragswertungen
    1 Beitragspunkte
    sorry, vergessen explode etc noch einzufügen (binja gerade am machen und tun :))

    also mein ansatz sah so aus:
    <td style="height: 293px; width: 519px; background="include/designs/optik/images/content.jpg">{EXPLODE}</td>
    0 Mitglieder finden den Beitrag gut.
  6. #6
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    mach es mal fertig, wie du denkst das es richtig ist. dann postest du alles, falls es nicht funktioniert.
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  7. #7
    User Pic
    sh4ft Mitglied
    Registriert seit
    27.01.2010
    Beiträge
    24
    Beitragswertungen
    1 Beitragspunkte
    ok, habs mehr oder weniger hinbekommen lächeln

    aber irgendwie ziehen sich die seitlichen streifen neben der contentbox
    nicht mit runter?

    idee, woran das liegt?

    und hast du auch eine idee, wie ich eine ordentliche darstellung
    (ohne lücken) für den ie hinbekomme (bei firefox = richtige darstellung).
    0 Mitglieder finden den Beitrag gut.
  8. #8
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    du hast wohl fehler bei der erstellung der tabellen gemacht. du musst deinen quelltext wieder überarbeiten.
    am besten du machst das ganze mit div´s, das ist leichter und besser anzupassen.
    ich kann nicht schauen wie es im ie aussieht, weil ich den browser nicht hab, aber wenn du deinen quellcode mal ausbesserst, sollte es nachher auch auf dem ie gehen. womit hast du denn die tabellen erstellt? mit welchem editor ?
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
  9. #9
    User Pic
    sh4ft Mitglied
    Registriert seit
    27.01.2010
    Beiträge
    24
    Beitragswertungen
    1 Beitragspunkte
    habe die tabellen mit nvu erstellt
    0 Mitglieder finden den Beitrag gut.
  10. #10
    User Pic
    Chapter Hall Of Fame
    Registriert seit
    21.10.2007
    Beiträge
    5.951
    Beitragswertungen
    229 Beitragspunkte
    also ich hab mir deinen code jetzt mal angeschaut, und ich finde ihn total umständlich und unsortiert, aber versuch das mal:

    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <meta http-equiv="content-type"
    content="text/html; charset=ISO-8859-1">
      <link href="include/designs/optik/style.css" media="screen"
    type="text/css" rel="stylesheet">
      <title>:: opt!k :: gaming and community ::</title>
    </head>
    <body>
    <table style="text-align: left; width: 900px; height: 700px;"
    border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td colspan="6" rowspan="1"
    style="text-align: left; vertical-align: top; height: 61px;"><img
    style="width: 900px; height: 61px;" alt=""
    src="include/designs/optik/images/header.jpg"></td>
        </tr>
        <tr>
          <td align="undefined" valign="undefined">
          <table style="text-align: left; width: 181px;"
    border="0" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td style="text-align: left; vertical-align: top;"><img
    style="width: 59px; height: 191px;" alt=""
    src="include/designs/optik/images/loginbox_links.jpg"></td>
                <td align="undefined" valign="top"><img
    style="width: 110px; height: 191px;" alt=""
    src="include/designs/optik/images/loginbox_mitte.jpg"></td>
                <td align="undefined" valign="undefined"><img
    style="width: 12px; height: 191px;" alt=""
    src="include/designs/optik/images/loginbox_rechts.jpg"></td>
              </tr>
              <tr>
                <td colspan="3" rowspan="1"
    align="undefined" valign="undefined"><img
    style="width: 181px; height: 413px;" alt=""
    src="include/designs/optik/images/maincontent_links.jpg"></td>
              </tr>
            </tbody>
          </table>
          </td>
          <td style="text-align: left; vertical-align: top;">
          <table style="text-align: left; width: 181px;"
    border="0" cellpadding="0" cellspacing="0">
            <tbody>
              <tr>
                <td colspan="1" rowspan="1"
    style="height: 27px; width: 109px; text-align: left; vertical-align: top;">
                <table style="text-align: left; width: 181px;"
    border="0" cellpadding="0" cellspacing="0">
                  <tbody>
                    <tr>
                      <td style="text-align: left; vertical-align: top;"><img
    style="width: 109px; height: 27px;" alt=""
    src="include/designs/optik/images/newsticker_links.jpg"></td>
                      <td style="text-align: left; vertical-align: top;"><img
    style="width: 407px; height: 27px;" alt=""
    src="include/designs/optik/images/newsticker_mitte.jpg"></td>
                      <td align="undefined" valign="undefined"><img
    style="width: 22px; height: 27px;" alt=""
    src="include/designs/optik/images/newsticker_rechts.jpg"></td>
                    </tr>
                    <tr>
                      <td
    style="text-align: left; vertical-align: top; height: 11px; width: 538px;"
    rowspan="1" colspan="3"><img
    style="width: 538px; height: 11px;" alt=""
    src="include/designs/optik/images/spacer_newsticker_videobox.jpg"></td>
                    </tr>
                  </tbody>
                </table>
                </td>
              </tr>
              <tr>
              </tr>
              <tr>
                <td colspan="1" align="undefined"
    valign="undefined">
                <table style="text-align: left; width: 181px;"
    border="0" cellpadding="0" cellspacing="0">
                  <tbody>
                    <tr>
                      <td style="text-align: left; vertical-align: top;"><img
    style="width: 10px; height: 232px;" alt=""
    src="include/designs/optik/images/videobox_links.jpg"></td>
                      <td style="text-align: left; vertical-align: top;"><img
    style="width: 290px; height: 232px;" alt=""
    src="include/designs/optik/images/videobox.jpg"></td>
                      <td style="text-align: left; vertical-align: top;"><img
    style="width: 36px; height: 232px;" alt=""
    src="include/designs/optik/images/videobox_rechts.jpg"></td>
                      <td style="text-align: left; vertical-align: top;">
                      <table style="text-align: left; width: 181px;"
    border="0" cellpadding="0" cellspacing="0">
                        <tbody>
                          <tr>
                            <td
    style="text-align: left; vertical-align: top;"><img
    style="width: 180px; height: 48px;" alt=""
    src="include/designs/optik/images/navi_oben.jpg"></td>
                            <td colspan="1" rowspan="9"
    align="undefined" valign="undefined"><img
    style="width: 22px; height: 232px;" alt=""
    src="include/designs/optik/images/navi_rechts.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
    valign="undefined"><img
    style="width: 180px; height: 14px;" alt=""
    src="include/designs/optik/images/button_news.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
    valign="undefined"><img
    style="width: 180px; height: 14px;" alt=""
    src="include/designs/optik/images/button_team.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
    valign="undefined"><img
    style="width: 180px; height: 14px;" alt=""
    src="include/designs/optik/images/button_contact.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
    valign="undefined"><img
    style="width: 180px; height: 14px;" alt=""
    src="include/designs/optik/images/button_forum.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
    valign="undefined"><img
    style="width: 180px; height: 14px;" alt=""
    src="include/designs/optik/images/button_download.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
    valign="undefined"><img
    style="width: 180px; height: 14px;" alt=""
    src="include/designs/optik/images/button_supported.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
    valign="undefined"><img
    style="width: 180px; height: 14px;" alt=""
    src="include/designs/optik/images/button_imprint.jpg"></td>
                          </tr>
                          <tr>
                            <td align="undefined"
    valign="undefined"><img
    style="width: 180px; height: 86px;" alt=""
    src="include/designs/optik/images/navi_unten.jpg"></td>
                          </tr>
                        </tbody>
                      </table>
                      </td>
                    </tr>
                    <tr>
                      <td colspan="4" rowspan="1"
    align="undefined" valign="undefined"><img
    style="width: 538px; height: 9px;" alt=""
    src="include/designs/optik/images/spacer_video_content.jpg"></td>
                    </tr>
                    <tr>
                      <td style="text-align: left; vertical-align: top;"
    colspan="4" rowspan="1">
                      <table style="text-align: left; width: 181px;"
    border="0" cellpadding="0" cellspacing="0">
                        <tbody>
                          <tr>
                            <td background="include/designs/optik/images/content_links.jpg"
    style="text-align: left; vertical-align: top;"><img
    style="width: 10px; height: 293px;" alt=""
    src="include/designs/optik/images/content_links.jpg"></td>
                            <td
    style="text-align: left; vertical-align: top;">
                            <table
    style="text-align: left; width: 181px;" border="0"
    cellpadding="0" cellspacing="0">
                              <tbody>
                                <tr>
                                  <td
    style="height: 293px; width: 519px;"><img
    style="width: 519px; height: 293px;" alt=""
    src="include/designs/optik/images/content.jpg"></td>
                                </tr>
                              </tbody>
                            </table>
                            </td>
                            <td background="include/designs/optik/images/content_links.jpg" 
    style="text-align: left; vertical-align: top;"><img
    style="width: 9px; height: 293px;" alt=""
    src="include/designs/optik/images/content_rechts.jpg"></td>
                          </tr>
                          <tr>
                            <td
    style="text-align: left; vertical-align: top;" colspan="3"
    rowspan="1"><img style="width: 538px; height: 32px;"
    alt="" src="include/designs/optik/images/content_ende.jpg"></td>
                          </tr>
                        </tbody>
                      </table>
                      </td>
                    </tr>
                  </tbody>
                </table>
                </td>
              </tr>
            </tbody>
          </table>
          </td>
          <td rowspan="1" colspan="1" align="undefined"
    valign="undefined"><img
    style="width: 181px; height: 604px;" alt=""
    src="include/designs/optik/images/maincontent_rechts.jpg"></td>
        </tr>
        <tr>
          <td colspan="6" rowspan="1" align="undefined"
    valign="undefined"><img
    style="width: 900px; height: 35px;" alt=""
    src="include/designs/optik/images/footer.jpg"></td>
        </tr>
        <tr>
        </tr>
        <tr>
        </tr>
        <tr>
        </tr>
      </tbody>
    </table>
    </body>
    </html>


    keine garantie, also mach ein backup vom original :-)


    Zuletzt modifiziert von Chapter am 27.01.2010 - 23:57:36
    Spamming, sinnlose Beiträge, Pushing, Doppelposting und Werbung sind verboten
    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten