Knud Schröder: Probleme bei Anzeigen gespitteter Images

Hi Leute!

Vielleicht kann mir einer bei meinem "Problemchen" helfen:

Immer öfter sieht man, wie sich im Internet großflächige Bilder aus mehreren Gifs
zusammensetzen.
(Siehe www.Strato.de u.v.a)

Wenn ich mir den Quelltext anzeigen lasse, sehe ich, daß sie das über tables gelöst haben.
Aber obwohl ich ebenfalls cellpadding und cellspacing auf "0" schalte, bekomme ich
immer noch die Rahmen angezeigt, d.h. das ist immer noch ein Rand zwischen meinen
Gifs.
Mittlerweile habe ich es geschafft, den vertikalen Spalt zu eliminieren, indem ich
bei <td> mit width die gleiche Breite wie das Gif angegeben habe.
Aber den horizontalen Rand bekomme ich einfach nicht weg.
Ab schon alles probiert!

Auch sehe ich bei verschiedenen Seite NUR cellpadding und cellspacing angegeben, sonst
nichts.

Wenn mir da einer helfen könnte,
DAS WÄRE SUUUPER !!!!!

Knud

  1. Auch sehe ich bei verschiedenen Seite NUR cellpadding und cellspacing angegeben, sonst
    nichts.

    Hallo Knud,
    versuchs mal mit border=0 im <table>-Tag vielleicht hilft das weiter.

    Gruß Knud

    1. Auch sehe ich bei verschiedenen Seite NUR cellpadding und cellspacing angegeben, sonst
      nichts.

      Hallo Knud,
      versuchs mal mit border=0 im <table>-Tag vielleicht hilft das weiter.

      Gruß Knud

      :-)

      Rufinus

    2. Hi Knud !

      (echt COOOOL! einen echten Namenskollegen zu finden!) :-))
      Das Problem besteht aber immer noch:

      Hab hier folgend mal den Quelltext der HTML-Datei
      (Das Bild ist, wie Du siehst immer dasselbe: eine 100x100 px einfarbe Gif-Datei)

      <HTML>
      <HEAD>
      <TITLE>TEST</TITLE>
      </HEAD>
      <BODY BGCOLOR="FFFFFF">
      <br>
      <br>
      <br>
      <table border="0" width="200" cellspacing="0" cellpadding="0" vspace="0" hspace="0">
      <tr><td valign=top width=100 height=100 nowrap>
      <img src="block.gif" width=100 height=100 ALT="1" border=0>
      </td>
      <td valign=top width=100 height=100 nowrap>
      <img src="block.gif" width=100 height=100 ALT="1" border=0>
      </td>
      </tr>
      <tr><td valign=top width=100 height=100 nowrap>
      <img src="block.gif" width=100 height=100 ALT="1" border=0>
      </td>
      <td valign=top width=100 height=100 nowrap>
      <img src="block.gif" width=100 height=100 ALT="1" border=0>
      </td>
      </tr>
      </table>
      </BODY>
      </HTML>

      1. Hallo,

        kopier dir das mal...

        <table align="center" cellspacing="0" cellpadding="0" border="0">
        <tr>
            <td><img src="block.gif" width=100 height=100 ALT="1" border=0></td>
            <td><img src="block.gif" width=100 height=100 ALT="1" border=0></td>
        </tr>
        <tr>
            <td><img src="block.gif" width=100 height=100 ALT="1" border=0></td>
            <td><img src="block.gif" width=100 height=100 ALT="1" border=0></td>
        </tr>
        </table>

        macht keinen abstand

        CU
        Rufinus

        1. DANKE !
          Mit Deiner Version klappts!
          Ich hab dabei festgestellt, warum meine Version nicht geklappt hat:

          Baust Du nämlich auch bei Deiner Version die folgende Struktur:
          <td>
               <img src="block.gif" width=100 height=100 ALT="1" border=0>
          </td>

          Also ein neue Zeile hinter dem <td>
          dann gibts wieder Kacheln!
          Wobei die width-Angabe im <td> zumindest ein Problem lösen konnte.

          Warum ist es ein Unterschied, wenn ich anstatt dem oben gezeigten (ohne Problem)
          hier kein Problem habe:
          <td><img src="block.gif" width=100 height=100 ALT="1" border=0></td>
          ???????

          Knud

          1. Hallo,

            Warum ist es ein Unterschied, wenn ich anstatt dem oben gezeigten (ohne Problem)
            hier kein Problem habe:
            <td><img src="block.gif" width=100 height=100 ALT="1" border=0></td>
            ???????

            Das liegt in der natur der verrückten browsern :)

            CU
            Rufinus

            1. Hallo Knud und Rufinus!

              Warum ist es ein Unterschied, wenn ich anstatt dem oben gezeigten (ohne Problem)
              hier kein Problem habe:
              <td><img src="block.gif" width=100 height=100 ALT="1" border=0></td>
              ???????

              Das liegt in der natur der verrückten browsern :)

              Warum kann ich auch nicht sagen, tatsache aber: Tabellenzellen immer in einer Zeile tippen OHNE eingetippte Returns.

              Ein anderes Beispiel, nur mit Bilder und nicht mit Tabellen:

              <img src="bild1.gif"> (return)
              <img src="bild1.gif">

              ergibt einen kleinen Abstand zwischen den Bildern,

              <img src="bild1.gif"><img src="bild1.gif">

              dagegen nicht!

              Bis danndann

              PAF(patrickausfrankfurt)

            2. Hallo,

              Warum...
              Das liegt in der natur der verrückten browsern :)

              Ob nun die Browser verrückt sind oder nicht, das mag dahingestellt sein.

              Tatsache ist, daß sie einen 'CR' im 'aktiven Textbereich' in einen(!) SPACE
              umwandeln. Genauso wie sie mehrere Spaces zu einem machen,
              und das unabhängig von der Anzahl eingestreuter 'CRs'.
              Mit aktivem Textbereich meine ich den Raum zwischen Tags.
              Wenn dem nicht so wäre bräuchtets Du keine BR-Tags bzw PRE-Tags,
              müßtest dann aber bei Deinen Formatierungen einiges mehr zur Berücksichtigung
              des Viewports machen.

              Browser nehmen Dir doch etliches bei der Anpassung an die Verhältnisse
              beim Betrachter ab!

              Browser sind Interpreter die Deine Seitenbeschreibung in eine Bildschirm-
              darstellung überführen und dabei das nach ihrer Meinung Beste draus zu
              machen versuchen. Klappt meist auch ganz gut.
              Wenn Du ihre 'Logik' verstehst, dann kannst Du mit ihnen umgehen,
              anderenfalls wirst Du mit ihnen stets auf Kriegsfuß leben.

              Am Rande, Du darfst 'CRs' auch innerhalb von Tags verwenden und damit auch
              ansprechende Quelltextformatierungen erreichen. Den Browser interessieren diese 'CRs'
              nicht, solange sie die Schlüsselworte nicht zerstückeln.

              Ich hoffe Dir ein Quäntchen Hintergrund vermittelt zu haben, mir hat diese
              Erkenntnis jedenfalls geholfen und ich kriege die Lücken in den Tabellen
              meist umgehend weg.

              Klaus

  2. Hallo,

    Aber obwohl ich ebenfalls cellpadding und cellspacing auf "0" schalte, bekomme ich
    immer noch die Rahmen angezeigt, d.h. das ist immer noch ein Rand zwischen meinen
    Gifs.
    Mittlerweile habe ich es geschafft, den vertikalen Spalt zu eliminieren, indem ich
    bei <td> mit width die gleiche Breite wie das Gif angegeben habe.
    Aber den horizontalen Rand bekomme ich einfach nicht weg.
    Ab schon alles probiert!

    border=0 hast aber schon im <table stehen oder?

    sonst.. wenn ich sowas mache sieht die table so aus:

    <table border="0" width="600" cellspacing="0" cellpadding="0" vspace="0" hspace="0">

    damit funktioniert es gewöhnlicherweise auch.. den width tag kannst natürlihc ändern und/oder ein height und nowrap einfügen
    CU
    Rufinus

  3. Immer öfter sieht man, wie sich im Internet großflächige Bilder aus mehreren Gifs
    zusammensetzen.

    Hi Knud,
    Die Lösung Deines Problems ist denkbar einfach:
    Du braucht gar keine Tabelle dazu!
    Bette die Bilder einfach neben- bzw. untereinander.
    Das funktioniert auch innerhalb einer Zelle, für den Fall, daß Du das ganze Bild irgendwo ausrichten willst.
    Umbrüche erreichst Du ganz normal mit <br>
    wo keine sein sollen, einfach die Bilder zwischen
    <nobr> und </nobr> setzen.
    Unter
    http://www.sbs-informatik.de/frameset.htm
    kannst Du Dir in der oberen Navigation ein Beispiel dafür ansehn.

    Ciao, TOM