Hannes Weninger: ZahlenReihe auf engstem Raum darstellen

Hallo,

weiß jemand, wie ich am Einfachsten folgendes darstellen kann:

1 3 5 7 9  11  13 
 2 4 6 8 10  12

die obere und untere Reihe kann sich auch überlappen. Wäre Dankbar für Infos in dies Richtung.

Danke! Hannes

  1. Hallo,

    Hallo,

    weiß jemand, wie ich am Einfachsten folgendes darstellen kann:

    1 3 5 7 9 11 13
    2 4 6 8 10 12

    die obere und untere Reihe kann sich auch überlappen. Wäre Dankbar für Infos in dies Richtung.

    suchst du

    <sup>1</sup><sub>2</sub>
    <sup>3</sup><sub>4</sub>
    <sup>5</sup><sub>6</sub>
    

    sowas?

    Gruß
    Kalk

    1. Genau das hab ich gesucht - vielen Dank!

    2. @@Tabellenkalk

      <sup>1</sup><sub>2</sub>
      <sup>3</sup><sub>4</sub>
      <sup>5</sup><sub>6</sub>
      

      Das fällt wohl unter „präsentationsbezogenes Markup.“

      Dieselbe Darstellung lässt sich auch mit

      <ol><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ol>
      

      erreichen:

      ol, li {list-style: none; margin-left: 0; padding-left: 0 }
      li:nth-child(odd)  { vertical-align: super }
      li:nth-child(even) { vertical-align: sub }
      

      LLAP 🖖

      --
      Ist diese Antwort anstößig? Dann könnte sie nützlich sein.
      1. Hallo,

        Das fällt wohl unter „präsentationsbezogenes Markup.“

        Dieselbe Darstellung lässt sich auch mit

        <ol><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li></ol>
        

        erreichen:

        ol, li {list-style: none; margin-left: 0; padding-left: 0 }
        li:nth-child(odd)  { vertical-align: super }
        li:nth-child(even) { vertical-align: sub }
        

        abgesehen davon, dass du ein display:inline unterschlagen hast: Es gibt bestimmt noch weitere Wege nach Rom.

        Gruß
        Kalk

        1. @@Tabellenkalk

          abgesehen davon, dass du ein display:inline unterschlagen hast

          Das allerdings.

          Es gibt bestimmt noch weitere Wege nach Rom.

          Das allerdings.

          Nur dass präsentationsbezogenes Markup nicht nach Rom führt, sondern in die Hölle. (Quelle)

          Höllenfeuer mit Schriftzug „presentational markup“

          LLAP 🖖

          --
          Ist diese Antwort anstößig? Dann könnte sie nützlich sein.
          1. Hallo,

            Nur dass präsentationsbezogenes Markup nicht nach Rom führt, sondern in die Hölle. [Quelle]

            Wirst du eigentlich auch von anderen zitiert, oder immer nur von dir selbst?

            scnr

            Gruß
            Kalk

            1. @@Tabellenkalk

              Wirst du eigentlich auch von anderen zitiert

              Das kommt schon mal vor: Stephen Hay | The Back(side) of the Class | CSS Day (32:15; aber der ganze Talk ist sehenswert)

              LLAP 🖖

              --
              Ist diese Antwort anstößig? Dann könnte sie nützlich sein.
              1. Hallo

                Stephen Hay | The Back(side) of the Class | CSS Day

                Gunner Bittersman

                Na, ich hoffe du bist kein Chelsea-Fan… ;-)

                Gruß,

                Orlok

                1. @@Orlok

                  Gunner Bittersman

                  Close. ;-)

                  LLAP 🖖

                  --
                  Ist diese Antwort anstößig? Dann könnte sie nützlich sein.
          2. Nur dass präsentationsbezogenes Markup nicht nach Rom führt, sondern in die Hölle.

            Ist das nicht dasselbe? Soweit ich mitbekommen habe, wurde genau dort vor einigen Jahren die Vorhölle abgeschafft, man kommt jetzt also direkt hinein.

            1. @@Linuchs

              wurde genau dort vor einigen Jahren die Vorhölle abgeschafft

              Die Vorhölle war doch in West-Berlin, in einem „Dutzendmietshaus in einer einförmigen Großstadtstraße“:

              „Sie traten in das Zimmer der Tante, die ‚Vorhölle‘, wie Manfred Rita schnell zuflüsterte.“
              (Christa Wolf, „Der geteilte Himmel“)

              LLAP 🖖

              --
              Ist diese Antwort anstößig? Dann könnte sie nützlich sein.
        2. Hallo,

          … Es gibt bestimmt noch weitere Wege nach Rom.

          Linkbeschreibung letzter Absatz.

          Gruß Jürgen