Frank Kaune: JPG-Bild in Tabellenzellen augeteilt, erzeugt Fehler!

Hallo,

ich habe ein JPG Bild mittels Slice-Funktion eines Grafikprogramms in mehrere kleine Bilder zerteilt, die werden jetzt mittels eine HTML-Tabelle (3 Reihen a 3 Zellen) in der Webseite wieder zu einem ganzen Bild zusammengefügt.
Das Problem dabei ist, wenn ich mir die Seiten vom Webserver aus in den Browser lade, erscheint horizontal zwischen den Tabellenreihen,
ein Pixel groß, eine Lücke, durch die dann der Seitenhintergrund scheint!
Betätige ich dann aber den Refresh-Button, so das die Grafik aus dem Browsercache geladen wird, ist alles ok!
Dieses Verhalten tritt aber nur bei JPG Bildern auf, mit GIF's funktioniert es!

In der Tabellen ist auch kein Boarder definiert, daran kann es denke ich also nicht liegen, denn wie gesagt mit GIF geht es - möchte das nur nicht wegen der Dateigröße nehmen!

Kennt jemand dieses Problem auch und hat evt. eine Lösung?

thx
Frank

  1. Hallo Frank,

    Kennt jemand dieses Problem auch und hat evt. eine Lösung?

    Lösung 1:
    Du schenkst mir eine neue Glaskugel, meine ist letztens runterge-
    fallen.

    Lösung 2:
    Du liest Dir bitte mal </selfaktuell/forum/faq/forumsfaq_2.htm#a5>
    durch.

    Viele Grüße aus Dresden,
    Stefan Einspender

  2. Auch hallo!

    Hatte mal ein ähnliches Problem, das trat aber nur beim NS auf.
    Kann man irgendwo in den Source schauen?
    Die Tabelle ist sicherlich cellpadding="0" cellspacint="0"?

    Gruß

    Harald

  3. Hallo Frank!

    Wie sieht Dein Tabellencode aus? So:

    <td>
    teilbild.jpg
    </td>

    oder so:

    <td>teilbild.jpg</td> ???

    Ersteres führt zu Lücken, zweiteres nicht.

    Patrick

    1. Wie sieht Dein Tabellencode aus? So:
      <td>teilbild.jpg</td> ???

      Die Tabelle sieht so aus:

      <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
      <TR><TD><IMG SRC="images/bild_1.jpg" WIDTH="146" HEIGHT="114"></TD>
      <TD><IMG SRC="images/bild_2.jpg" WIDTH="146" HEIGHT="114"></TD>
      <TD><IMG SRC="images/bild_3.jpg" WIDTH="146" HEIGHT="114"></TD></TR>
      <TR><TD><IMG SRC="images/bild_4.jpg" WIDTH="146" HEIGHT="115"></TD>
      <TD><IMG SRC="images/bild_5.jpg" WIDTH="146" HEIGHT="115"></TD>
      <TD><IMG SRC="images/bild_6.jpg" WIDTH="146" HEIGHT="115"></TD></TR>
      <TR><TD><IMG SRC="images/bild_7.jpg" WIDTH="146" HEIGHT="115"></TD>
      <TD><IMG SRC="images/bild_8.jpg" WIDTH="146" HEIGHT="115"></TD>
      <TD><IMG SRC="images/bild_9.jpg" WIDTH="146" HEIGHT="115"></TD></TR>
      </TABLE>

      Die Lücken kommen aber nur bei IE5.x wie ich eben feststellte,
      bei Netscape, Opera, ist alles normal!
      Wie schon gesagt, ersetzt man die JPG's durch GIF's geht es ohne Probleme, evt. ein Darstellungsfehler bei JPG im IE?

      1. Hallo Frank!

        Die Tabelle sieht so aus:

        <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
        <TR><TD><IMG SRC="images/bild_1.jpg" WIDTH="146" HEIGHT="114"></TD>
        <TD><IMG SRC="images/bild_2.jpg" WIDTH="146" HEIGHT="114"></TD>
        <TD><IMG SRC="images/bild_3.jpg" WIDTH="146" HEIGHT="114"></TD></TR>
        <TR><TD><IMG SRC="images/bild_4.jpg" WIDTH="146" HEIGHT="115"></TD>
        <TD><IMG SRC="images/bild_5.jpg" WIDTH="146" HEIGHT="115"></TD>
        <TD><IMG SRC="images/bild_6.jpg" WIDTH="146" HEIGHT="115"></TD></TR>
        <TR><TD><IMG SRC="images/bild_7.jpg" WIDTH="146" HEIGHT="115"></TD>
        <TD><IMG SRC="images/bild_8.jpg" WIDTH="146" HEIGHT="115"></TD>
        <TD><IMG SRC="images/bild_9.jpg" WIDTH="146" HEIGHT="115"></TD></TR>
        </TABLE>

        Völlig in Ornung, da muss ich passen! Vielleicht stellst Du das Beispiel mal online, dass man sich das ansehen kann...

        Patrick

        1. Völlig in Ornung, da muss ich passen! Vielleicht stellst Du das Beispiel mal online, dass man sich das ansehen kann...

          Danke!
          steht online unter http://www.fk-netvision.de

          Ich geh jetz mal davon aus, das es ein Darstellungsproblem vom IE ist, so etwas wurde mir eben auch an anderer Stelle bestätigt!

          1. Danke!
            steht online unter http://www.fk-netvision.de

            ... schöne Frau!

            Ich geh jetz mal davon aus, das es ein Darstellungsproblem vom IE ist, so etwas wurde mir eben auch an anderer Stelle bestätigt!

            Eventuell kannst Du mal versuchen, die Bilder direkt hintereinander
            zu Schreiben und nur durch <br> Zeilenumbrüche zu machen, also:

            <img src="1.jpg"><img src="2.jpg"><img src="3.jpg"><br><img src="4.jpg"><img src="5.jpg"><img src="6.jpg"><br><img src="7.jpg"><img src="8.jpg"><img src="9.jpg">

            Eventuell noch ein Bild darüber oder drunter, dass die notwendige
            Gesamtbreite erzwingt (also hinten noch <img src="spacer.gif"
            width="340" height="1"> dransetzen), auch border="0", hspace="0"
            und vspace="0" mit reinbauen.

            Bitte poste, wenn es klappt bzw. wenn Du irgendwo Infos zu diesem
            Fehlverhalten des MSIE findest, danke.

            1. Hallo Stefan!

              ... schöne Frau!

              Aber hallo!!!

              Bitte poste, wenn es klappt bzw. wenn Du irgendwo Infos zu diesem
              Fehlverhalten des MSIE findest, danke.

              Vielleicht hat Punk Anderson weiter oben die Lösung, bzw. das Problem eingekreist....

              Patrick

              1. Hallo Patrick,

                Vielleicht hat Punk Anderson weiter oben die Lösung, bzw. das Problem eingekreist....

                stimmt, so langsam habe ich das Gefühl, dass Microsoft Leute bezahlt,
                die in ihrer Freizeit Fehler einprogrammieren, damit sie dann auf
                Arbeit wieder etwas zu tun haben ...

                Wenn es so stimmt, wie Punk sagt, dann sollte mein Vorschlag, alle
                Bilder einfach hintereinander (also nicht in einzelne Tabellen-
                zellen) zu schreiben, eigentlich das Problem beseitigen ...

                Viele Grüße aus Dresden,
                Stefan Einspender

                1. Wenn es so stimmt, wie Punk sagt, dann sollte mein Vorschlag, alle
                  Bilder einfach hintereinander (also nicht in einzelne Tabellen-
                  zellen) zu schreiben, eigentlich das Problem beseitigen ...

                  Danke für den Vorschlag, aber auch der bringt die Leerzeilen zwischen den Bildreihen!
                  Ein Vorladen der Bilder mittel Script hat etwas gebracht, finde ich aber nicht so doll!

                  Es ist so wie 'Punk' schon schrieb, es passiert nur unter Win2000 und IE5.5, sobald man die Seite scrollt ist der Fehler auch schon weg! Irgend etwas machen die Brüder da aus Redmond nicht ganz richtig ;-) Werde jetzt ohne JPG-Slices arbeiten, war eh nur ein Test!

                  schönen Tag noch!
                  Frank

      2. Kopiere mal den folgenden Code in die Datei:

        <TABLE CELLPADDING="0" CELLSPACING="0" BORDER="0">
        <TR><TD><IMG SRC="images/bild_1.jpg" WIDTH="146" HEIGHT="114" BORDER="0" HSPACE="0" VSPACE="0"></TD>
        <TD><IMG SRC="images/bild_2.jpg" WIDTH="146" HEIGHT="114" BORDER="0" HSPACE="0" VSPACE="0"></TD>
        <TD><IMG SRC="images/bild_3.jpg" WIDTH="146" HEIGHT="114" BORDER="0" HSPACE="0" VSPACE="0"></TD></TR>
        <TR><TD><IMG SRC="images/bild_4.jpg" WIDTH="146" HEIGHT="115" BORDER="0" HSPACE="0" VSPACE="0"></TD>
        <TD><IMG SRC="images/bild_5.jpg" WIDTH="146" HEIGHT="115" BORDER="0" HSPACE="0" VSPACE="0"></TD>
        <TD><IMG SRC="images/bild_6.jpg" WIDTH="146" HEIGHT="115" BORDER="0" HSPACE="0" VSPACE="0"></TD></TR>
        <TR><TD><IMG SRC="images/bild_7.jpg" WIDTH="146" HEIGHT="115" BORDER="0" HSPACE="0" VSPACE="0"></TD>
        <TD><IMG SRC="images/bild_8.jpg" WIDTH="146" HEIGHT="115" BORDER="0" HSPACE="0" VSPACE="0"></TD>
        <TD><IMG SRC="images/bild_9.jpg" WIDTH="146" HEIGHT="115" BORDER="0" HSPACE="0" VSPACE="0"></TD></TR>
        </TABLE>

        Wenn es dann immernoch nicht klappt, dann stelle bitte das Beispiel
        online und poste hier den URL zu der Seite.

  4. Das Problem dabei ist, wenn ich mir die Seiten vom Webserver aus in den Browser lade, erscheint horizontal zwischen den Tabellenreihen,
    ein Pixel groß, eine Lücke, durch die dann der Seitenhintergrund scheint!

    Hallo,

    du gehst bestimmt mit Windows2000 und InternetExplorer 5.5 online, stimmt's?

    Der Bildfehler beim Zusammensetzen von JPG-Grafiken mittels Tabellen, taucht auch nur unter Windows2000 mit IE auf, irgendwo auf der MS Webseite ist das auch beschrieben!
    Ich glaube sogar mit einem Workaround, irgend etwas in der Registry für den IE muß da geändert werden!

    Anderfalls, wenn du auch die Win2000 Surfer bedienen willst, mußt du wohl oder übel auf GIF zurückgreifen oder nicht slicen oder allen den Patch auf deiner Webseite erklären!

    tschau
      Punk