4now: Textformatierung Zeilenabstände Leerzeilen

Hallo!

Wie man auf http://www.arch-seifert.at/about_us/bibliography.php
sieht habe ich große Schwierigkeiten die Absatzanfänge der 3 Spalten auf einander abzustimmen.
Macht man das mit <p> <br> ?,...bringen unterschiedliche Ergebnisse

Einmal zu weit unten einmal zu weit oben

+gruß

4now

  1. Hallo,

    Macht man das mit <p> <br> ?,...bringen unterschiedliche Ergebnisse

    ich würde 'ne Tabelle nehmen: drei Spalten, mehrere Zeilen und dann

    td {vertical-align:top;} /*C S S*/

    Mit freundlichen Grüßen

    André

    1. Ich habe ja schon Tables damit ich die die 3 spalten bekomme.
      Ic muß also für jeden absatz einen neuen Table machen und das horizontal 3 mal ?

      Danke für eure Hilfe ich steh a bisserl auf der Leitung

      4now

      1. Hallo,

        Ich habe ja schon Tables damit ich die die 3 spalten bekomme.
        Ic muß also für jeden absatz einen neuen Table machen und das horizontal 3 mal ?

        http://www.arch-seifert.at/about_us/bibliography.php

        du brauchst doch eigentlich nur

        <table summary="bibliography">
        <thead>
        <tr>
        <td>Project</td>
        <td>Publication</td>
        <td>Date</td>
        </tr>
        </thead>
        <tfoot>
        <tr>
        <td></td>
        <td></td>
        <td></td>
        </tr>
        </tfoot>
        <tbody>
        <tr>
        <td></td>
        <td></td>
        <td></td>
        </tr>
        </tbody>
        </table>

        Und den Rest machst du mittels CSS. Teile deine Seite logisch mit HTML auf und gib ihr über CSS die Formate der Elemente.

        Und für die "td" gibst du dann an

        td {vertical-align:top;}

        Dürfte helfen.

        Mit freundlichen Grüßen

        André

        1. Hallo !

          Nur wie geht das im CSS daß ich dem td sage wie groß er ist
          wenn jede spalte unterschiedlich groß sein soll ?
          spalte 1 170px spalte 2 190px.

          Ich kenn mich nur mit dem div befehl aus,...

          gruß

          4now

          1. Hallo,

            Ich kenn mich nur mit dem div befehl aus,...

            keine Sorge, das Attribut width (http://de.selfhtml.org/css/eigenschaften/positionierung.htm#width) ist vielfach erlaubt, nicht nur in <div>. Schaue doch mal unter http://de.selfhtml.org/html/tabellen/gestaltung.htm#breiten_hoehen. Das sollte helfen.

            Mit freundlichen Grüßen

            André

            1. Hallo!

              Das mit den unterschiedlichen breiten td s und dem css hab ich geschafft:
              http://www.arch-seifert.at/about_us/bibliography.php

              Er will nur nicht die farbe und das Top align machen wie vorgegeben
              sondern macht es mittig. die breitenangaben erkennt er aber??

              aus meinem stylesheet

              lefttd {
                  width:185px; vertical-align:top;
               font-family: arial, helvetica, verdana;
                font-size: 12px;
                color: #EEEEEE;
                line-height: 13px;
                font-weight: normal;
              }
              midtd {
                  width:200px; vertical-align:top;
               font-family: arial, helvetica, verdana;
                font-size: 12px;
                color: #EEEEEE;
                line-height: 13px;
                font-weight: normal;
              }
              righttd {
                  width:170px; vertical-align:top;
               font-family: arial, helvetica, verdana;
                font-size: 12px;
                color: #EEEEEE;
                line-height: 13px;
                font-weight: normal;
              }

              gruß  4now

              1. Habs schon gefunden ein . hat gefehlt vor lefttd,...
                gruß  4now

        2. Hauptproblem ist ja nicht die erstellung von 3 spalten sondern daß auch die Unterüberschriften auf der gleichen Höhe sind.
          Es schaut nämlich leider so aus.

          Projekt         Publikation     datum

          Projekt         Publikation
                                          datum

          Projekt                         datum
                          Publikation

          1. Hallo,

            Projekt         Publikation     datum
            Projekt         Publikation
                                            datum

            Projekt                         datum
                            Publikation

            deshalb solltest du den <td>s die CSS-Formatierung

            td {vertical-align:top;}

            zuweisen. Weitere Infos findest du unter http://de.selfhtml.org/css/eigenschaften/ausrichtung.htm#vertical_align

            Mit freundlichen Grüßen

            André

        3. Hi,

          <tfoot>
          <tr>
          <td></td>
          <td></td>
          <td></td>
          </tr>
          </tfoot>

          Welchen Sinn soll dieser inhaltsleere tfoot haben?

          cu,
          Andreas

          --
          Warum nennt sich Andreas hier MudGuard?
          http://www.schreinerei-waechter.de/
          Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
          1. Hallo Andreas,

            Welchen Sinn soll dieser inhaltsleere tfoot haben?

            stimmt, du hast heute noch gar nicht mit mir geschimpft. ;-)

            <zitat>
            Bevor Sie einen oder mehrere Tabellenkörper-Elemente notieren, müssen Sie hinter dem Tabellenkopf den Tabellenfuß notieren.
            </zitat>

            Woher ich das habe? Na von http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss. Was 4now dort als Inhalte einträgt, das liegt allein in seiner Entscheidungsgewalt.

            Verzeihst du mir? ;-)

            Mit freundlichen Grüßen

            André

            1. Hi,

              Welchen Sinn soll dieser inhaltsleere tfoot haben?
              stimmt, du hast heute noch gar nicht mit mir geschimpft. ;-)

              <zitat>
              Bevor Sie einen oder mehrere Tabellenkörper-Elemente notieren, müssen Sie hinter dem Tabellenkopf den Tabellenfuß notieren.
              </zitat>

              Was schlicht und einfach falsch ist.

              Woher ich das habe? Na von http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss

              Vertraue keiner Sekundärquelle.
              <!ELEMENT TABLE - -
                   (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)>

              Da steht eindeutig ein ? hinter tfoot.

              Es ist zwar richtig, daß ein tfoot, wenn es verwendet wird,  nach thead und vor tbody platziert werden muß. Aber es ist nicht nötig, ein tfoot zu benutzen.

              cu,
              Andreas

              --
              Warum nennt sich Andreas hier MudGuard?
              http://www.schreinerei-waechter.de/
              Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
              1. Hallo Andreas,

                Woher ich das habe? Na von http://de.selfhtml.org/html/tabellen/aufbau.htm#kopf_koerper_fuss

                Vertraue keiner Sekundärquelle.
                <!ELEMENT TABLE - -
                     (CAPTION?, (COL*|COLGROUP*), THEAD?, TFOOT?, TBODY+)>

                na wehe mir kommt hier noch mal einer mit 'nem Verweis zu Selfhtml. ;-) Wieder was gelernt. Danke.

                Mit freundlichen Grüßen

                André

              2. Hallo Andreas,

                <zitat>
                Bevor Sie einen oder mehrere Tabellenkörper-Elemente notieren, müssen Sie hinter dem Tabellenkopf den Tabellenfuß notieren.
                </zitat>
                Was schlicht und einfach falsch ist.

                da du ja afiak den Bugtracker nicht magst, habe ich es mal [ref:bug;491@title=gemeldet].

                Grüße aus Nürnberg
                Tobias

                1. Hi,

                  <zitat>
                  Bevor Sie einen oder mehrere Tabellenkörper-Elemente notieren, müssen Sie hinter dem Tabellenkopf den Tabellenfuß notieren.
                  </zitat>
                  Was schlicht und einfach falsch ist.
                  da du ja afiak den Bugtracker nicht magst, habe ich es mal [ref:bug;491@title=gemeldet].

                  Das müßte seit Ewigkeiten über das Errata-Formular gemeldet sein.

                  cu,
                  Andreas

                  --
                  Warum nennt sich Andreas hier MudGuard?
                  http://www.schreinerei-waechter.de/
                  Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
                  1. Hallo Andreas,

                    da du ja afiak den Bugtracker nicht magst, habe ich es mal [ref:bug;491@title=gemeldet].
                    Das müßte seit Ewigkeiten über das Errata-Formular gemeldet sein.

                    das konnte ich ja nicht wissen - aber dann steht es jetzt eben nochmal im Bugtracker :-)

                    Grüße aus Nürnberg
                    Tobias

                    1. Hi,

                      da du ja afiak den Bugtracker nicht magst, habe ich es mal [ref:bug;491@title=gemeldet].
                      Das müßte seit Ewigkeiten über das Errata-Formular gemeldet sein.
                      das konnte ich ja nicht wissen - aber dann steht es jetzt eben nochmal im Bugtracker :-)

                      Das ist eines der Probleme des Errata-Formulars - man kann zwar Fehler melden, aber nicht nachgucken, ob ein Fehler schon gemeldet ist.

                      cu,
                      Andreas

                      --
                      Warum nennt sich Andreas hier MudGuard?
                      http://www.schreinerei-waechter.de/
                      Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
                  2. Hallo Andreas

                    Das müßte seit Ewigkeiten über das Errata-Formular gemeldet sein.

                    Leider nein.

                    Es sind eine ganze Reihe Fehler (auch doppelt) in http://de.selfhtml.org/html/tabellen/aufbau.htm
                    gemeldet und auch in 8.1 beseitigt, dieser war aber nicht dabei.

                    Auf Wiederlesen
                    Detlef

                    --
                    - Wissen ist gut
                    - Können ist besser
                    - aber das Beste und Interessanteste ist der Weg dahin!
                    1. Hi,

                      Das müßte seit Ewigkeiten über das Errata-Formular gemeldet sein.
                      Es sind eine ganze Reihe Fehler (auch doppelt) in http://de.selfhtml.org/html/tabellen/aufbau.htm
                      gemeldet und auch in 8.1 beseitigt, dieser war aber nicht dabei.

                      Naja, irgendwann hatte ich aufgegeben, Fehler zu melden, da darauf jahrelang keinerlei Reaktion erfolgte.

                      cu,
                      Andreas

                      --
                      Warum nennt sich Andreas hier MudGuard?
                      http://www.schreinerei-waechter.de/
                      Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
                2. Hallo nochmal,

                  da du ja afiak den Bugtracker nicht magst, habe ich es mal [ref:bug;491@title=gemeldet].

                  *mist* noch ein Bug, also nochmal ohne @title= (als Test) und als normalen Link:
                  ref: [ref:bug;491]
                  link: http://bugs.selfhtml.org/bug.php?op=show&bugid=491

                  Grüße aus Nürnberg
                  Tobias

  2. Hallo,

    Macht man das mit <p> <br> ?,...bringen unterschiedliche Ergebnisse

    => Warum benutzt du nicht Tabellen? Deren Inhalte kann man dann zeilenweise nach oben ausrichten, und schon besitzt man ein wunderbar sauberes Layout.

    Oder sprechen andere Erwägungen gegen den Einsatz von Tabellen?

    Viele Grüße,
    David Ortmann

  3. Servus,

    [...] große Schwierigkeiten die Absatzanfänge der 3 Spalten auf
    einander abzustimmen. Macht man das mit <p> <br> ?,...bringen
    unterschiedliche Ergebnisse

    also eigentlich macht man so etwas mit Tabellen. :)

    <table>
      <tr>
        <td>project item</td>
        <td>corresponding publication item</td>
        <td>same for date</td>
      </tr>
    </table>

    Grüsse