Toby: Grafik Probleme mit Netscape 6

Ich habe eine Grafik in eine Tabelle aufgeteilt, dass diese schneller geladen werden kann und außerdem um bestimmte Teile des Bildes also Link-Buttons benutzen zu können.

Das funktioniert mit  dem IE6 soweit auch einwandfrei, aber beim Netscape 6 sind immer Lücken zwischen den einzelnen Bildteilen und ich hab nichts im Composer oder sonstwo gefunden, wie ich das verhindern kann - ich habe den Eindruck, dass er da ein Leerzeichen oder sonstwas reininterpretiert.

Wenn jemand weiß, wie man das beheben kann und mir das mitteilt, dann würde ich mich sehr freuen

  1. Ich habe eine Grafik in eine Tabelle aufgeteilt

    kurzes beispiel wäre nützlich wegen cellpadding, leerzeichen, absätzen usw.

    mfg

    1. Ich habe eine Grafik in eine Tabelle aufgeteilt

      kurzes beispiel wäre nützlich wegen cellpadding, leerzeichen, absätzen usw.

      mfg

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">
      <html>
      <head>
      <meta name="author" content="">
      <title>Dem Cyberdude seine Homepage</title>
      </head>
      <body text="#000000" bgcolor="black" link="#FF0000" alink="#FF0000" vlink="#FF0000">

      <div align="Center">
      <TABLE CELLSPACING = 0 CELLPADDING = 0 BORDER = 0>

      <TR><TD><DICERTAGS><IMG
      SRC = "god000.jpg" WIDTH = 33 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god001.jpg" WIDTH = 51 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god002.jpg" WIDTH = 22 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god003.jpg" WIDTH = 82 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god004.jpg" WIDTH = 14 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god005.jpg" WIDTH = 12 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god006.jpg" WIDTH = 12 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god007.jpg" WIDTH = 18 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god008.jpg" WIDTH = 42 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god009.jpg" WIDTH = 58 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god010.jpg" WIDTH = 64 HEIGHT = 30><DICERTAGSEND></TD></TR>

      <TR><TD><DICERTAGS><IMG
      SRC = "god011.jpg" WIDTH = 33 HEIGHT = 69><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god012.jpg" WIDTH = 51 HEIGHT = 69><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god013.jpg" WIDTH = 22 HEIGHT = 69><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god014.jpg" WIDTH = 82 HEIGHT = 69><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god015.jpg" WIDTH = 14 HEIGHT = 69><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god016.jpg" WIDTH = 12 HEIGHT = 69><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god017.jpg" WIDTH = 12 HEIGHT = 69><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god018.jpg" WIDTH = 18 HEIGHT = 69><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god019.jpg" WIDTH = 42 HEIGHT = 69><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god020.jpg" WIDTH = 58 HEIGHT = 69><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god021.jpg" WIDTH = 64 HEIGHT = 69><DICERTAGSEND></TD></TR>

      <TR><TD><DICERTAGS><IMG
      SRC = "god022.jpg" WIDTH = 33 HEIGHT = 25><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god023.jpg" WIDTH = 51 HEIGHT = 25><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god024.jpg" WIDTH = 22 HEIGHT = 25><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god025.jpg" WIDTH = 82 HEIGHT = 25><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god026.jpg" WIDTH = 14 HEIGHT = 25><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god027.jpg" WIDTH = 12 HEIGHT = 25><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god028.jpg" WIDTH = 12 HEIGHT = 25><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god029.jpg" WIDTH = 18 HEIGHT = 25><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god030.jpg" WIDTH = 42 HEIGHT = 25><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god031.jpg" WIDTH = 58 HEIGHT = 25><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god032.jpg" WIDTH = 64 HEIGHT = 25><DICERTAGSEND></TD></TR><TR><TD><DICERTAGS><IMG
      SRC = "god033.jpg" WIDTH = 33 HEIGHT = 11><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god034.jpg" WIDTH = 51 HEIGHT = 11><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god035.jpg" WIDTH = 22 HEIGHT = 11><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god036.jpg" WIDTH = 82 HEIGHT = 11><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god037.jpg" WIDTH = 14 HEIGHT = 11><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god038.jpg" WIDTH = 12 HEIGHT = 11><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god039.jpg" WIDTH = 12 HEIGHT = 11><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god040.jpg" WIDTH = 18 HEIGHT = 11><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god041.jpg" WIDTH = 42 HEIGHT = 11><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god042.jpg" WIDTH = 58 HEIGHT = 11><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god043.jpg" WIDTH = 64 HEIGHT = 11><DICERTAGSEND></TD></TR>

      <TR><TD><DICERTAGS><IMG
      SRC = "god044.jpg" WIDTH = 33 HEIGHT = 17><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god045.jpg" WIDTH = 51 HEIGHT = 17><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god046.jpg" WIDTH = 22 HEIGHT = 17><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god047.jpg" WIDTH = 82 HEIGHT = 17><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god048.jpg" WIDTH = 14 HEIGHT = 17><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god049.jpg" WIDTH = 12 HEIGHT = 17><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god050.jpg" WIDTH = 12 HEIGHT = 17><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god051.jpg" WIDTH = 18 HEIGHT = 17><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god052.jpg" WIDTH = 42 HEIGHT = 17><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god053.jpg" WIDTH = 58 HEIGHT = 17><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god054.jpg" WIDTH = 64 HEIGHT = 17><DICERTAGSEND></TD></TR>

      <TR><TD><DICERTAGS><IMG
      SRC = "god055.jpg" WIDTH = 33 HEIGHT = 121><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god056.jpg" WIDTH = 51 HEIGHT = 121><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god057.jpg" WIDTH = 22 HEIGHT = 121><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god058.jpg" WIDTH = 82 HEIGHT = 121><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god059.jpg" WIDTH = 14 HEIGHT = 121><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god060.jpg" WIDTH = 12 HEIGHT = 121><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god061.jpg" WIDTH = 12 HEIGHT = 121><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god062.jpg" WIDTH = 18 HEIGHT = 121><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god063.jpg" WIDTH = 42 HEIGHT = 121><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god064.jpg" WIDTH = 58 HEIGHT = 121><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god065.jpg" WIDTH = 64 HEIGHT = 121><DICERTAGSEND></TD></TR>

      <TR><TD><DICERTAGS><IMG
      SRC = "god066.jpg" WIDTH = 33 HEIGHT = 190><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god067.jpg" WIDTH = 51 HEIGHT = 190><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god068.jpg" WIDTH = 22 HEIGHT = 190><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god069.jpg" WIDTH = 82 HEIGHT = 190><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god070.jpg" WIDTH = 14 HEIGHT = 190><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god071.jpg" WIDTH = 12 HEIGHT = 190><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god072.jpg" WIDTH = 12 HEIGHT = 190><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god073.jpg" WIDTH = 18 HEIGHT = 190><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god074.jpg" WIDTH = 42 HEIGHT = 190><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god075.jpg" WIDTH = 58 HEIGHT = 190><DICERTAGSEND></TD><TD><DICERTAGS><IMG
      SRC = "god076.jpg" WIDTH = 64 HEIGHT = 190><DICERTAGSEND></TD></TR>
      </TABLE>
      </div>

      </body>
      </html>
        okay das ist jetzt viel aber ich hab mal alles reingenommen

      1. Hallo,

        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">

        Leerzeichen nach 4.0 zuviel.

        <TR><TD><DICERTAGS><IMG
        SRC = "god000.jpg" WIDTH = 33 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS>

        Was sind denn das fuer Pseudotags? Entferne die durch Suchen & Ersetzen mit einem Leerstring.

        Versuche es mal mit "SplitImage": http://www.thecastle.com/software.html, welches saubere HTML-Tabellen erzeugt.

        MfG, Thomas

        1. Hallo,

          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 //EN">

          Leerzeichen nach 4.0 zuviel.

          <TR><TD><DICERTAGS><IMG
          SRC = "god000.jpg" WIDTH = 33 HEIGHT = 30><DICERTAGSEND></TD><TD><DICERTAGS>

          Was sind denn das fuer Pseudotags? Entferne die durch Suchen & Ersetzen mit einem Leerstring.

          Versuche es mal mit "SplitImage": http://www.thecastle.com/software.html, welches saubere HTML-Tabellen erzeugt.

          MfG, Thomas

          werd ich gleich mal machen vielen Dank, aber das ändert auch nichts hab schon ausprobiert auch ohne die Teile

          1. Versuche es mal mit "SplitImage": http://www.thecastle.com/software.html, welches saubere HTML-Tabellen erzeugt.

            na ich denke, die tabelle ist "sauber" - bis auf die dicertags.

            ich befürchte, das ist ein käfer im neuen NN. mit bestem und html- sowie css-gerechtestem gebastel konnte ich die ränder nicht entfernen. - und merkwürdigerweise wird die tabelle im NN3.0 korrekt dargestellt.

            über anderslautende ergebnisse dankbar :D
            willie

  2. hi,

    Das funktioniert mit  dem IE6 soweit auch einwandfrei, aber beim Netscape 6 sind immer Lücken zwischen den einzelnen Bildteilen

    definiere eine css-class fuer die cellen, und setze "line-height:6px" (der px-Wert muss kleiner als die Bildgroesse sein).
    Sollte helfen.
    Ansonsten gibts die quick'n dirty Loesung: doctype weglassen, dann interpretiert der Browser im fehlertoleranten "Quirk-Modus" - und ohne Luecken.

    Gruesse  Joachim

    1. hi,

      Das funktioniert mit  dem IE6 soweit auch einwandfrei, aber beim Netscape 6 sind immer Lücken zwischen den einzelnen Bildteilen

      definiere eine css-class fuer die cellen, und setze "line-height:6px" (der px-Wert muss kleiner als die Bildgroesse sein).
      Sollte helfen.
      Ansonsten gibts die quick'n dirty Loesung: doctype weglassen, dann interpretiert der Browser im fehlertoleranten "Quirk-Modus" - und ohne Luecken.

      Gruesse  Joachim

      letzteres funktioniert - vielen dank mit - dem css werd ich mich dann jetzt mal als etwas saubere Lösung auseinandersetzten