Boris: Zeilenabstaende bei Tabellen - bin ich dumm?

Howdy Forum!

Also, folgendes Problem:

ich will einen Treppeneffekt benutzen, dazu benutze ich unsichtbare gifs... soweit so gut, funktioniert auch ganz gut, soll von rechts oben nach links unten laufen...

jetzt ist das Problem, dass die ganze Sache ziemlich besch... aussieht, wenn man die Seite verkleinert... also wollte ich, dass in diesem Fall das Design erhalten bleibt, und dafuer Scrollbalken auftachen. Wie mach ich das? Ich nehm eine Tabelle, eine andere Moeglichkeit faellt mir nicht ein...
sieht dann so aus:

<html>
<head>
<title>der titel</title>
</head>
<body>
<table width="800xp">
hier kommt der ganze code
</table>
</body>
</html>

klappt auch, bis auf eine Kleinigkeit: jetzt habe ich naemlich ploetzlich gigantische Abstaende zwischen den einzelnen des Textes... was mir, 1. meine schoene Treppe versaut, 2. dafuer sorgt, dass man Stundenlang runterscrollen kann und mir 3. tierisch auf den Geist geht....

kann ich da was gegen machen? Oder gibts vielleicht eine ganz andere Moeglichkeit, mein Kernproblem zu loesen? Ueber Loesungsansaetze wuerde ich mich, wie ueblich, ganz arg freuen, und ich waere euch auch ganz dankbar!

Danke schonma im Voraus...

Boris

PS: das Archiv und SelfHtml hab ich natuerlich schon durchsucht, ist aber nicht ganz einfach, wenn man sich nicht sicher ist, wonach man eigentlich sucht....

  1. ich versteh nicht ganz was du mit dem treppen effekt meinst
    aber um gute Positionierungen, designmäßige gute und über all gleich aussehende
    Effekte hervorzurffen würde ich über ein externes Javascript und Stylesheet je nach Browser
    Layer/Div Tags und Styles einfügen.

    solong

    Norbert

    1. ich versteh nicht ganz was du mit dem treppen effekt meinst

      So was hier wollte ich:

      *-------------*
      eine Grafik         text
                         text
                       text
      *-------------*  text
                     text
                   text
                 text
               text

      ---
      und so siehts aus:

      *-------------*
      eine Grafik        text
                         
                       text
      *-------------*  
                      text
                  
                   text
              
                text

      text

      ---

      aber um gute Positionierungen, designmäßige gute und über all gleich aussehende
      Effekte hervorzurffen würde ich über ein externes Javascript und Stylesheet je nach Browser
      Layer/Div Tags und Styles einfügen.

      ich hab aber schon so einen Haufen Javascript in dem ganzen Projekt verteilt, und ich wollte eigentlich eine so "einfache" (dachte ich) Sache nicht unnötig komplizieren...

      und da dieser Abstand mein einziges Problem ist, im Moment, hoffe ich, dass es eine Lösung gibt....

      trotzdem tausend Dank!

      Boris

      1. erstmal danke für die veranschaulichung, jetzt kann ichs mir vorstellen :)

        mittels festschreiben von Schrifftgröße, Tabellenhöhe-breite,
        müsste auch ein nicht veränderbarer Wert raußkommen
        und die Navigationsleisten werden autom. aktiviert.

        Ausser die persönlichen Browsereinstellungen eines Users enthalten "nicht"
        sowas wie
        "dokum. spezif. Schriftarten mit dyn. Schriftarten verwenden"

        <img width=?>text<br>
        oder über
        <tr><td align=left width=? height=?>text</td></tr>

        solong

        Norbert

        1. erstmal danke für die veranschaulichung, jetzt kann ichs mir vorstellen :)

          kein Problem, *ICH* will ja die Hilfe ;v)

          mittels festschreiben von Schrifftgröße, Tabellenhöhe-breite, müsste auch ein nicht veränderbarer Wert raußkommen

          mhm... und wo (wie) mach ich das? ich habe ja schliesslich fuer meine Layouts schon Stylesheets benutzt, und zwar MIT line-height angabe, die ignoriert er nur einfach in dem Moment wo das ganze in eine Tabelle verpackt wird....

          und die Navigationsleisten werden autom. aktiviert.

          <dumm>worauf du dich hiermit beziehst ist mir leider ganz und gar unklar... =v(  </dumm>

          Ausser die persönlichen Browsereinstellungen eines Users enthalten "nicht"

          »»  sowas wie

          "dokum. spezif. Schriftarten mit dyn. Schriftarten verwenden"

          kann ich GETROST ignorieren, dann ist sowieso schon alles verloren ;v) (ich weiß, _sollte_ nicht so sein, is aber so...)

          <img width=?>text

          oder über
          <tr><td align=left width=? height=?>text</td></tr>

          tjaaa... ich wollte ja eigentlich keine richtige Tabelle machen, das wäre mir dann doch zuviel Aufwand... (=> stupide, dumme rundercoderei mag ich garnet!)

          es kann doch nicht so kompliziert sein, <table></table> für diesen Zweck zu Mißbrauchen, oder?

          bis dann!

          Boris

        2. erstmal danke für die veranschaulichung, jetzt kann ichs mir vorstellen :)

          kein Problem, *ICH* will ja die Hilfe ;v)

          mittels festschreiben von Schrifftgröße, Tabellenhöhe-breite, müsste auch ein nicht veränderbarer Wert raußkommen

          mhm... und wo (wie) mach ich das? ich habe ja schliesslich fuer meine Layouts schon Stylesheets benutzt, und zwar MIT line-height angabe, die ignoriert er nur einfach in dem Moment wo das ganze in eine Tabelle verpackt wird....

          und die Navigationsleisten werden autom. aktiviert.

          <dumm>worauf du dich hiermit beziehst ist mir leider ganz und gar unklar... =v(  </dumm>

          Ausser die persönlichen Browsereinstellungen eines Users enthalten "nicht"

          »»  sowas wie

          "dokum. spezif. Schriftarten mit dyn. Schriftarten verwenden"

          kann ich GETROST ignorieren, dann ist sowieso schon alles verloren ;v) (ich weiß, _sollte_ nicht so sein, is aber so...)

          <img width=?>text

          oder über
          <tr><td align=left width=? height=?>text</td></tr>

          tjaaa... ich wollte ja eigentlich keine richtige Tabelle machen, das wäre mir dann doch zuviel Aufwand... (=> stupide, dumme rundercoderei mag ich garnet!)

          es kann doch nicht so kompliziert sein, <table></table> für diesen Zweck zu Mißbrauchen, oder?

          bis dann!

          Boris

          1. Unterstüzung der Tabellen Attribute height/weidth unter Netscape über CSS = mangelhaft

            leider wurde mein einer Vorschlag ein wenig verstümmelt
            <img width=?>text<.BR.>
            nicht wunderbar funktioniert trotzdem kanste auch mit einfacher Tabelle Kombinieren

            besser wäre der zweite Vorschlag und soviel arbeit ist es ja auch nicht
            autom. Navigleisten = wenn Tabelle größer Bildschirm :)

            solong

            Norbert

            1. Howdy Norbert!

              Unterstüzung der Tabellen Attribute height/weidth unter Netscape über CSS = mangelhaft

              jupp jupp, sieht in der Tat so aus... da hätten wir also das Problem, die Diagnose, was ist jetzt die Lösung?

              leider wurde mein einer Vorschlag ein wenig verstümmelt
              <img width=?>text<.BR.>
              nicht wunderbar funktioniert trotzdem kanste auch mit einfacher Tabelle Kombinieren

              <mich-als-Doofie-Out> kann ich leider IMMER NOCH nichts damit anfangen :,( </mich-als-Doofie-Out>

              besser wäre der zweite Vorschlag und soviel arbeit ist es ja auch nicht

              »»

              najaaaaa.... die Seite, die ich hingestellt hab, ist nur EINE von VIELEN... da wäre es wohl DOCH _EINIGE_ Arbeit... <selbstzweifel> oder kapier ich wieder was falsch? </selbstzweifel>

              autom. Navigleisten = wenn Tabelle größer Bildschirm :)

              Ahhh! AKA Scrolleisten, rischdisch? =v)

              bis denne!

              Boris

      2. Hallo Boris,

        kannst du nicht mal denn code posten oder einen link zur verfügung stellen?
        So ist es schwer was dazu zu sagen.

        Ciao
        Franz-Josef

        1. Hallihallo Franz-Josef!

          kannst du nicht mal denn code posten oder einen link zur verfügung stellen?
          So ist es schwer was dazu zu sagen.

          ließ mal mein Ursprüngliches Posting, aber NATÜRLICH! mach ich das! =v)

          bis denne!

          Boris

          1. Hi Boris

            ließ mal mein Ursprüngliches Posting, aber NATÜRLICH! mach ich das! =v)

            na mich hätt halt interessiert was unter "hier der ganze code" steht.

            Aber vielleicht hab ichs ja trotz Zeichnung nicht ganz gerafft...

            bis dann
            Franz-Josef

            1. Hi Boris

              ließ mal mein Ursprüngliches Posting, aber NATÜRLICH! mach ich das! =v)

              na mich hätt halt interessiert was unter "hier der ganze code" steht.

              na gut, wollt ich eigentlich nicht, weil‚s so ein Haufen Zeug, und eigentlich auch nicht so wichtig ist, aber hier, extra für dich: *Trommelwirbel*
              DER SOURCECODE! :

              <html>
              <head>
              <title> Kurzdarstellung des Funktionsumfanges </title>
              <link rel=stylesheet type="text/css" href="../css/styles.css">
              <script language="JavaScript" src="../scripts/scripts.js" type="text/javascript">
              </script>
              </head>
              <body>
              <table border width="800px" height="800px" style="line-height:1px; ">
              <h1 class="center">Buch-Herstellung</h1>
              <div style="position:absolute; top:1px; left:1px; z-index:-1">
              </div>
              <nobr><span class="bldueb">Als Beispiel für das Modul Buch-Herstellung ist die Maske Produktsteckbrief -Produktion- dargestellt.</span></nobr>
              <br>
              <div style="float:left; width:300px;">
              <a href="javascript:PicPopUp('../images/leistbeschr3.jpg', 'LB3', 'width=747,height=488,dependent=no');" onmouseover="status='anklicken für größere Darstellung';return true;"><IMG SRC="../images/leistbeschr3.jpg" ALT="Der Produktsteckbrief" border="0" width="300" height="200"></a>
              </div>
              <p>
              <h2 class="black"><img src="../images/dots/dot_clear.gif" width="20" height="10" border="0" alt="">die Funktionen des Produktsteckbriefes</h2>
              <br>
              <ul class="klein">
              <li> <img src="../images/dots/dot_clear.gif" width="85" height="1" border="0" alt="">Produktstruktur (Titel, Auflage, Nachdruck)
              <li> <img src="../images/dots/dot_clear.gif" width="75" height="1" border="0" alt=""> Zugriff auf Autoren/Lizenzstamm
              <li> <img src="../images/dots/dot_clear.gif" width="65" height="1" border="0" alt=""> Herstellungsvorbereitungsbogen
              <li> <img src="../images/dots/dot_clear.gif" width="55" height="1" border="0" alt=""> Set/Sortimentplanung
              <li> <img src="../images/dots/dot_clear.gif" width="310" height="1" border="0" alt=""> Terminüberwachung
              <li> <img src="../images/dots/dot_clear.gif" width="300" height="1" border="0" alt=""> Verknüpfung Anfragen, Kalkulation
              <li> <img src="../images/dots/dot_clear.gif" width="290" height="1" border="0" alt=""> Vertriebs-, Terminteil
              <li> <img src="../images/dots/dot_clear.gif" width="280" height="1" border="0" alt=""> Entwicklungs-, Produktionsteil
              <li> <img src="../images/dots/dot_clear.gif" width="270" height="1" border="0" alt=""> Titelplanung
              <li> <img src="../images/dots/dot_clear.gif" width="260" height="1" border="0" alt=""> Individuelle Recherchen
              <li> <img src="../images/dots/dot_clear.gif" width="250" height="1" border="0" alt=""> Bibliographische Daten
              <li> <img src="../images/dots/dot_clear.gif" width="241" height="1" border="0" alt=""> Herstellungsüberwachung
              <li> <img src="../images/dots/dot_clear.gif" width="231" height="1" border="0" alt=""> Verknüpfung Titelverwaltung
              <li> <img src="../images/dots/dot_clear.gif" width="222" height="1" border="0" alt=""> Notizfunktionen
              <li> <img src="../images/dots/dot_clear.gif" width="212" height="1" border="0" alt=""> Vertragsbeziehungen
              <li> <img src="../images/dots/dot_clear.gif" width="200" height="1" border="0" alt=""> Preisarten und Währungen
              <li> <img src="../images/dots/dot_clear.gif" width="191" height="1" border="0" alt=""> Urheberbeziehungen
              <li> <img src="../images/dots/dot_clear.gif" width="181" height="1" border="0" alt=""> Matchcode
              <li> <img src="../images/dots/dot_clear.gif" width="170" height="1" border="0" alt=""> Individuelle Berichte/Reports
              <li> <img src="../images/dots/dot_clear.gif" width="160" height="1" border="0" alt=""> Kontextsensitive Suche
              <br>
              </ul>
              <br>
              </p>
              <p style="clear:left">
              <br>
              <hr size="10" width="100%" align="center">
              <br>
              <span class="bldueb">Individuelle Ladenpreiskalkulation</span>
              <br>
              <div style="float:left; width:0px;">
              <a href="javascript:PicPopUp('../images/leistbeschr4.jpg', 'LB4', 'width=297,height=657,dependent=no');" onmouseover="status='anklicken für größere Darstellung';return true;"><IMG SRC="../images/leistbeschr4.jpg" ALT="Die Maske zur Ladenpreiskalkulation." border="0" height="325" width="150"></a>
              <img src="../images/dots/dot_clear.gif" width="220" height="20" border="0" alt="">
              </div>
              <br>
              <br>
              <br>
              <p>
              <div style="margin-left:1px">
              <h2 class="black">Die Funktionen zur Ladenpreiskalkulation</h2>
              </div>
              <br>
              <ul class="klein">
              <li> <img src="../images/dots/dot_clear.gif" width="50" height="1" border="0" alt=""> variable Zeilenstruktur
              <li> <img src="../images/dots/dot_clear.gif" width="57" height="1" border="0" alt=""> variable Bezeichnungen
              <li> <img src="../images/dots/dot_clear.gif" width="64" height="1" border="0" alt=""> flexible Rechenmimik
              <li> <img src="../images/dots/dot_clear.gif" width="71" height="1" border="0" alt=""> mehrere Kalkulationen
              <br> <img src="../images/dots/dot_clear.gif" width="71" height="1" border="0" alt=""> je Objekt/Titel
              </ul>
              <br>
              </p>
              <p style="clear:left">
              <br>
              <hr size="10" width="80%" align="center">

              <br>
              <br>
              <br>
              <span class="bldueb"><nobr>Die Vorkalkulation erlaubt Variantendarstellungen und baut auf folgenden Daten auf:</nobr></span>
              <br>
              <div style="float:left; width:390px;">
              <a href="javascript:PicPopUp('../images/leistbeschr5.jpg', 'LB5', 'width=724,height=470,dependent=no');" onmouseover="status='anklicken für größere Darstellung';return true;"><IMG SRC="../images/leistbeschr5.jpg" ALT="Die Maske "Vorkalkulation"" width="300" height="225" border="0" > </a>
              <img src="../images/dots/dot_clear.gif" width="300" height="100" border="0" alt="">
              </div>
              <p>
              <div style="margin-left:20pt">
              <h2 class="blkctr">diese Funktionen sind für die Vorkalkulation verfügbar:</h2>
              </div>
              <br>
              <ul class="klein">
              <li>  Techn. Herstellkosten mit 14facher Detail Untergliederung
              <li>  Weitere Herstellkosten mit vielfacher Untergliederung
              <li>  Firmenspezifische Gemeinkostenzuschläge
              <li>  Bereitstellung der Daten zur Nachkalkulation
              <li>  Zuschließ-Funktion
              </ul>
              <br>
              </p>
              <p style="clear:left">
              <br>
              <hr size="10" width="80%" align="center">

              <br>
              <br>
              <br>
              <span class="hrv"><nobr>Die Nachkalkulation baut auf den Daten der Vorkalkulation auf und<br> übernimmt ihre Daten automatisch aus dem Kostenträger der FIBU</span></nobr>
              <br>
              <div style="float:left; width:390px ">
              <a href="javascript:PicPopUp('../images/leistbeschr6.jpg', 'LB5', 'width=725,height=471,dependent=no');" onmouseover="status='anklicken für größere Darstellung';return true;"><IMG SRC="../images/leistbeschr6.jpg" ALT="Die Maske zur Nachkalkulation." width="300" height="225" border="0"></a>
              </div>
              <p>
              <div style="margin-left:-60pt">
              <h2 class="blkctr">Die Nachkalkulation umfasst diese Funktionen:</h2>
              </div>
              <br>
              <ul class="klein">
              <li>  Ladenpreiserlös aus FIBU
              <li>  Absatzzahlen aus Titelverwaltung
              <li>  mitlaufende Nachkalkulation
              </ul>
              <br>
              </p>
              <p style="clear:left">
              <br>
              </table>
              </body>
              </html>

              ---

              vielleicht hilft er dir ja, obwohl mein Problem ja eher Grundlegender Natur ist...

              also, Danke fürs Lesen!

              Boris

              1. Hi Boris,

                na gut, wollt ich eigentlich nicht, weil‚s so ein Haufen Zeug, und eigentlich auch nicht so wichtig ist

                da ich ebenfalls son bißchen schwer von capito bin ;-), war der Code schon wichtig. Du hast ja keine Zelle in der Tabelle definiert.
                Setze alles in ein einziges <TD>-Tag (ohne line-height)dann ist der Abstand weg, zumindest bei mir.
                Hoffe das sieht dann so aus wie du wolltest.

                Also
                <table><tr><td>hier der ganze Code</td></tr></table>

                vielleicht hilft er dir ja, obwohl mein Problem ja eher Grundlegender Natur ist...

                hat er, aber eigentlich brauchst Du doch Hilfe ;-)

                also, Danke fürs Lesen!

                es war mir ein vergnügen

                Viele Grüße
                Franz-Josef

                1. Hallo (und danke), Franz-Josef!
                  »»

                  da ich ebenfalls son bißchen schwer von capito bin ;-), war der Code schon wichtig. Du hast ja keine Zelle in der Tabelle definiert.

                  wußte ich nicht, daß ich das für meine Zwecke brauche, aber gaaaaanz offensichtlich schon... =v)

                  Setze alles in ein einziges <TD>-Tag (ohne line-height)dann ist der Abstand weg, zumindest bei mir.
                  Hoffe das sieht dann so aus wie du wolltest.

                  und zwar GENAU so, wie ich wollte! Genial! VIELENVIELENVIELENDANK!

                  vielleicht hilft er dir ja, obwohl mein Problem ja eher Grundlegender Natur ist...

                  hat er, aber eigentlich brauchst Du doch Hilfe ;-)

                  najaaaaa, ich hätte vielleicht schreiben sollen "vielleicht hilft er dir beim helfen..." *g*

                  also, Danke fürs Lesen!

                  »»> es war mir ein vergnügen

                  wirklich? Wow, überleg mal: Du hattest dein Vergnügen, ich habe jetzt meine Lösung... alle Glücklich... das sind ja PARADIESISCHE Zustände ;v)

                  bis zum nächsten mal!

                  und nochma Danke

                  Boris

  2. Hallo!

    sieht dann so aus:
    <body>
    <table width="800xp">

    das gibts nicht. ich meine damit das 800xp.

    also in etwa:
    <table border="0" cellpadding="0" cellspacing="0" width="800">
    <tr>
    <td width="800" height="30"><img scr="" width="600" height="30" alt="">dein text</td>
    </tr>
    <tr>
    <td width="800" height="30"><img scr="" width="500" height="30" alt="">dein text</td>
    </tr>
    <tr>
    <td width="800" height="30"><img scr="" width="400" height="30" alt="">dein text</td>
    </tr>
    </table>

    beitte achte darauf, daß du <td...><img...>
    schreibst und nicht
    <td...>
    <img...> also keinen Zeilenumbruch machen.

    Grüße
    Thomas

    1. Hallo!

      Sorry "Legasthenie" hat zugeschlagen.
      <img scr=...>

      sollte natürlich <img src=""...> heissen!

      Grüße
      Thomas