PeterK: Abstand von Bildern

Hi!

Ich hab da so ein Problem. Also ich habe ein PHP-Script der einen Verzeichnissbaum ausgibt. Dieser wird dann dynamisch angezeigt oder ausgeblendet. Nun hab ich ein Problem mit den Tree-lines. Diese werden aus drei Bildern (| |-, '-) zusdammengesetzt. Normalerweise sollten die Bilder genau zusammenpassen, aber irgendwie macht der Browser einen 4-Pixel Abstand. (hier: [link]
http://mitglied.lycos.de/peterk/fa/list/Fehler/index1.php[/link] ) ich habe mir gedacht, anstatt 3 img-Tags in ein td-Element zu schieben, mach ich für jedes Bild ein eigenes td-Element und weise ihm das Bild als Hintergrund zu. Sah auf anhieb garnicht mal schlecht aus, aber dann das: (hier: [link]http://mitglied.lycos.de/peterk/fa/list/Fehler/index2.php[/link] Öffne mal Folgenden Pfad: ccccccccc/xxxyyyxxx/). Das Problem: die Tabellenzeilen werden an die längste Zeile darüber angepasst. Also es MUSS in EIN td-Element. Aber wie soll ich dann den Ramen um das img-Element wegkriegen? Ich komm einfach nicht mehr weiter...

Thx, Peter

--
Es gibt immer eine lösung - auch wenn sie keiner findet!!
  1. Hier eine quelltext ausgabe deines ersten links:
    <tr valign="top" style="display:none;" id="node_/fa"><td nowrap>
    <img height="16" width="16" src="/peterk/fa/img/list/tree_trb.gif" alt="">
    <img alt="" id="dirpic_/fa" height="16" width="16" src="/peterk/fa/img/list/closedir.gif">
    <a id="link_/fa" href="javascript:parent.SetLocalDir('/fa/')"><span id="dirstr_/fa" class="Dir">fa</span></a>
    </td></tr>

    Ich denke dein problem ist, das du die Zeilenhöhe auf 16 pixel festlegen solltest.

    netghost

    1. Hallo,

      wenn das wirklich der Auszug des Quelltextes ist, liegt das Problem ganz woanders:

      <tr valign="top" style="display:none;" id="node_/fa"><td nowrap>

      ^^^ Zeilenumbruch wird als Leerzeichen interpretiert

      <img height="16" width="16" src="/peterk/fa/img/list/tree_trb.gif" alt="">

      ^^^ Zeilenumbruch wird als Leerzeichen interpretiert

      <img alt="" id="dirpic_/fa" height="16" width="16" src="/peterk/fa/img/list/closedir.gif">

      ^^^ Zeilenumbruch wird als Leerzeichen interpretiert

      <a id="link_/fa" href="javascript:parent.SetLocalDir('/fa/')"><span id="dirstr_/fa" class="Dir">fa</span></a>

      ^^^ Zeilenumbruch wird als Leerzeichen interpretiert

      </td></tr>

      Entferne diese Leerzeichen, und Dein Abstand ist weg.

      Grüße,

      Utz

      1. Hi!

        Also - Danke für die Tipps, aber mit dem height="16" kann deswegen nicht gehen, weil die height-Angabe eine Mindestens-Angabe ist, und in diesem Fall die Zeile trotzdem größer ist als 16px. Das mit den Tabs und Zeilenumbrüchen hat - immerhin - den Abstand auf 3 Pixel verringert :).

        Trotzdem Thx.
        Peter

  2. Hallo PeterK,

    (hier: [link] http://mitglied.lycos.de/peterk/fa/list/Fehler/index1.php[/link] ) ich habe mir gedacht,  [...] (hier: [link]http://mitglied.lycos.de/peterk/fa/list/Fehler/index2.php[/link] Öffne mal Folgenden Pfad: ccccccccc/xxxyyyxxx/).

    eben habe ich mal im Archiv 2003 nachgesehen: Da sind alleine 28 Postings von dir - du bist also kein Forums Newbie. Also bitte, bitte formatier in Zukunft die Links in deinen Postings richtig (</faq/#Q-19>). Das würde die Lesbarkeit enorm erhöhen und anklickbare Links sind ja eigentlich auch ganz schön.
    Vielen Dank schon mal :-)

    Grüße,

    Peter

    p.s.: eigentlich könnte ich ja auch mal als PeterK posten ...