Klaus Peters: Text einrücken

Hi,

ich möchte gerne einen Text per CSS einrücken. Im Ergebnis soll das ganze so aussehen:

Stadt: Berlin
       Bremen
       München
       Hamburg
Land:  Deutschland
       Italien

Hat zufällig jemand einen Tipp parat? Mit Leerzeichen ist das irgendwie nicht sonderlich praktisch...

Danke im voraus.

Viele Grüße
Klaus

  1. Hat zufällig jemand einen Tipp parat? Mit Leerzeichen ist das irgendwie nicht sonderlich praktisch...

    Klaus,
    Eher unmöglich bei Schriften, wo Zeichen unterschiedlich breit sind.

    Das sieht doch nach Tabelle aus, wobei in der rechten Spalte Listen sind:

    <table>  
      <tr>  
        <th>Stadt</th>  
        <td>  
           <ul>  
             <li>Berlin</li>  
             <li>Bremen</li>  
             <li>München</li>  
             <li>Hamburg</li>  
           </ul>  
        </td>  
      </tr>  
      <tr>  
        <th>Land</th>  
        <td>  
           <ul>  
             <li>Deutschland</li>  
             <li>Italien</li>  
           </ul>  
        </td>  
      </tr>  
    </table>
    

    Die Bullets wegmachen: ul {list-style-type: none}

    Evtl. auch noch li {margin: 0}

    Live long and prosper,
    Gunnar

    --
    „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
    1. Hi Gunnar!

      Das sieht doch nach Tabelle aus, wobei in der rechten Spalte Listen sind:

      M.E. ist die Tabelle unnötig. Eine einfache Liste reicht doch völlig!?

      Bzw. kann man auch nur die Tabelle verwenden und die Liste weglassen.

      MfG Hopsel

      --
      "It's amazing I won. I was running against peace, prosperity, and incumbency."
      George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
      Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
      1. M.E. ist die Tabelle unnötig. Eine einfache Liste reicht doch völlig!?

        Hopsel,
        Und "Stadt", "Land" zeichnest du dann wie aus?

        Bzw. kann man auch nur die Tabelle verwenden und die Liste weglassen.

        Sag jetzt nicht, du willst statt der Liste <br> einsetzen. Brrr…

        Live long and prosper,
        Gunnar

        --
        „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
        1. Hallo Gunnar.

          Hopsel,
          Und "Stadt", "Land" zeichnest du dann wie aus?

          Bzw. kann man auch nur die Tabelle verwenden und die Liste weglassen.

          Sag jetzt nicht, du willst statt der Liste <br> einsetzen. Brrr…

          dl?

          Einen schönen Samstag noch.

          Gruß, Ashura

          --
          Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
          30 Days to becoming an Opera8 Lover -- Opera Mini on Treo
          Meine Browser: Opera 8.02 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
          [Deshalb frei! - Argumente pro freie Software]
          1. Ashura,

            Hallo Gunnar.

            Hopsel,
            Und "Stadt", "Land" zeichnest du dann wie aus?

            Bzw. kann man auch nur die Tabelle verwenden und die Liste weglassen.

            Sag jetzt nicht, du willst statt der Liste <br> einsetzen. Brrr…

            dl?

            Ashura,
            Du meinst so?

            <dl>  
              <dt>Stadt<dt>  
              <dd>Berlin</dd>  
              <dd>Bremen</dd>  
              <dd>München</dd>  
              <dd>Hamburg</dd>  
              
              <dt>Land</dt>  
              <dd>Deutschland</dd>  
              <dd>Italien</dd>  
            </dl>
            

            Na ich weiß nicht …

            Live long and prosper,
            Gunnar

            --
            „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des l» Eebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
            1. So wie ich Klaus verstanden habe, sollte der Name der Stadt z.B. Berlin direkt hinter "Stadt:" stehen und nicht eine Zeile tiefer, was bei der Listenvariante eintritt.

              Ich bin in CSS zwar nicht sooo fit, habe aber mal was von text-indent gehört. Vielleicht weiß ja einer mehr dazu.

              Hannes

              1. So wie ich Klaus verstanden habe, sollte der Name der Stadt z.B. Berlin direkt hinter "Stadt:" stehen und nicht eine Zeile tiefer, was bei der Listenvariante eintritt.

                Hannes,
                Das mag eintreten bei den Defaultwerten der Browser, die du aber mit CSS überschreiben kannst.

                Ich bin in CSS zwar nicht sooo fit,

                Ach so. ;-)

                Live long and prosper,
                Gunnar

                --
                „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
                1. So wie ich Klaus verstanden habe, sollte der Name der Stadt z.B. Berlin direkt hinter "Stadt:" stehen und nicht eine Zeile tiefer, was bei der Listenvariante eintritt.

                  Hannes,
                  Das mag eintreten bei den Defaultwerten der Browser, die du aber mit CSS überschreiben kannst.

                  Der Tipp mit den Listen klingt interessant. Wie kann ich denn die Defaultwerte der Browser in diesem Fall umschreiben?

                  Viele Grüße
                  Klaus

        2. Hi Gunnar!

          Und "Stadt", "Land" zeichnest du dann wie aus?

          Ich dachte da an verschachtelte Listen.

          Sag jetzt nicht, du willst statt der Liste <br> einsetzen. Brrr…

          Igitt. :) Da hätte ich mit rowspan gearbeitet. Oder colspan? Keine Ahnung. ;-)

          Auf jeden Fall ist diese Variante sehr fehleranfällig und würde mir nicht gefallen, weshalb ich auf die Listen zurückgreifen würde:

            
          <ul>  
             <li>Stadt  
                <ul>  
                   <li>Berlin</li>  
                   <li>Bremen</li>  
                   <li>München</li>  
                   <li>Hamburg</li>  
                 </ul>  
             </li>  
             <li>Land  
                <ul>  
                   <li>Deutschland</li>  
                   <li>Italien</li>  
                </ul>  
             </li>  
          </ul>
          

          MfG Hopsel

          --
          "It's amazing I won. I was running against peace, prosperity, and incumbency."
          George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
          Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
          1. Ich dachte da an verschachtelte Listen.

            Hopsel,
            Dann sag doch, was du denkst. ;-)

            „Eine einfache Liste reicht doch völlig!?“ hört sich nicht nach besonders tiefer Verschachtelung an. ;-)

            Ja, verschachtelte Listen find ich akzeptabel. Eine Tabelle auch.

            Live long and prosper,
            Gunnar

            --
            „Weisheit ist nicht das Ergebnis der Schulbildung, sondern des lebenslangen Versuchs, sie zu erwerben.“ (Albert Einstein)
            1. Hi Gunnar!

              Dann sag doch, was du denkst. ;-)

              Darüber würden einige Politiker und Randgruppen, die jeder Daseinsbrechtigung entbehren, nicht sehr glücklich sein.

              „Eine einfache Liste reicht doch völlig!?“ hört sich nicht nach besonders tiefer Verschachtelung an. ;-)

              Hasse Rescht!

              Ja, verschachtelte Listen find ich akzeptabel. Eine Tabelle auch.

              Es ist doch immer wieder schön, wenn zwei Menschen zueinanderfinden. :-)

              MfG Hopsel

              --
              "It's amazing I won. I was running against peace, prosperity, and incumbency."
              George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
              Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)