Nadja: <dd> soll direkt hinter <dt> stehen

Hallo,

kann ich mit CSS in einer <dl> "erzwingen", dass <dd> direkt hinter <dt> steht?
Standardmäßig folgt das <dd> ja in der nächsten Zeile etwas nach rechts versetzt...

Liebe Grüße,
Nadja

--
system.exit(0);
  1. Hi!

    such dir was aus:

    display:inline; (mein Favorit)
    float:left;
    position:absolute (überhaupt nch zu empfehlen)

    Gruß aus Iserlohn

    Martin

  2. Liebe Nadja

    kann ich mit CSS in einer <dl> "erzwingen", dass <dd> direkt hinter <dt> steht?
    Standardmäßig folgt das <dd> ja in der nächsten Zeile etwas nach rechts versetzt...

    Ja, das kannst Du machen mit "float".
    Verstehst Du?

    Gruß
    Ingo

  3. Tag Nadja.

    kann ich mit CSS in einer <dl> "erzwingen", dass <dd> direkt hinter <dt> steht?
    Standardmäßig folgt das <dd> ja in der nächsten Zeile etwas nach rechts versetzt...

    Versuche es doch mal mit display:inline für dd (das standardgemäß ein Blocklevel-Element zu sein scheint, http://www.w3.org/TR/html4/struct/lists.html#edef-DL).

    Siechfred

  4. Hallo,

    danke für eure Antworten, mit float:left; funktioniert es :)

    Allerdings krieg ich es nicht hin, dass die <dd>-Elemente, die so lang sind, dass ein Zeilenumbruch stattfindet, korrekt eingerückt sind (z.B. bei "Interessen").

    Liebe Grüße,
    Nadja

    --
    system.exit(0);
    1. hi,

      Allerdings krieg ich es nicht hin, dass die <dd>-Elemente, die so lang sind, dass ein Zeilenumbruch stattfindet, korrekt eingerückt sind (z.B. bei "Interessen").

      gib ihnen ein entsprechendes margin-left.

      gruß,
      wahsaga

      --
      /voodoo.css:
      #GeorgeWBush { position:absolute; bottom:-6ft; }
      1. Hi!

        Allerdings krieg ich es nicht hin, dass die <dd>-Elemente, die so lang sind, dass ein Zeilenumbruch stattfindet, korrekt eingerückt sind (z.B. bei "Interessen").

        gib ihnen ein entsprechendes margin-left.

        Hierbei bezieht sich die Angabe jedoch nicht auf das umflossene Element, sondern auf das Elternelement.

        Gruß aus Iserlohn

        Martin

        1. Hallo Martin,

          gib ihnen ein entsprechendes margin-left.

          Hierbei bezieht sich die Angabe jedoch nicht auf das umflossene Element, sondern auf das Elternelement.

          Das verstehe ich nicht so ganz, sorry.
          Das umflossene Element ist doch in diesem Fall das <dt>, oder?

          Der IE stellt das irgendwie komisch dar...
          So sieht momentan mein CSS aus:

            
          dl#poorchen_info  
          {  
           margin: 1em 5em 0 5em;  
           padding:0;  
           list-style:none;  
           font-size: 1em;  
          }  
            
          dl#poorchen_info dt  
          {  
           font-weight:bold;  
           margin:0;  
           padding:0 1.5em 0 0;  
           float:left;  
           width: 9em;  
           text-align:right;  
          }  
            
          dl#poorchen_info dd  
          {  
           margin:0; padding:0.1em 0;  
           margin-left: 10.5em;  
          }  
          
          

          Für den IE (separate CSS-Datei):

            
          dl#poorchen_info dd  
          {  
           margin:0; padding:0.1em 0;  
           margin-left: 10.6em;  
          }  
          
          

          Liebe Grüße,
          Nadja

          --
          system.exit(0);
          1. Hallo Nadja,

            grundsätzlich fehlt jegliche Möglichkeit zu scrollen;
            zumindest bei mir:
            Firefox 1.0.4

            bydey

            --
            -- noch immer ein erfolgloser <DIV> Jünger --
            1. Hallo dey,

              grundsätzlich fehlt jegliche Möglichkeit zu scrollen;
              zumindest bei mir:
              Firefox 1.0.4

              Öhm, kann ich nicht bestätigen, weil der Scrollbalken vom Browser kommt, sobald der Inhalt länger als das Fenster ist (jedenfalls hab ich das so bestimmt, hab nirgends ein overflow drin).

              Liebe Grüße,
              Nadja

              --
              system.exit(0);
          2. Hallo Nadja,

            Der IE stellt das irgendwie komisch dar...

            ja, die erste Zeile ist nicht linksbündig

            Für den IE (separate CSS-Datei):

            dl#poorchen_info dd
            {
            margin:0; padding:0.1em 0;
            margin-left: 10.6em;

            /* spendier dem IE auch noch eine Höhenangabe */
                height:100%;

            }

              
            warum das funktioniert, kann ich dir auch nicht erklären, aber es funktioniert. Man muss bei diesem verrückten Browser halt immer alles Mögliche wild ausprobieren.  
              
            <http://www.sprachlernspiele.de/selftests/deflist.html>  
              
            Gruß Gernot
            
            1. Hallo Gernot,

              warum das funktioniert, kann ich dir auch nicht erklären, aber es funktioniert. Man muss bei diesem verrückten Browser halt immer alles Mögliche wild ausprobieren.

              http://www.sprachlernspiele.de/selftests/deflist.html

              Seltsam, bei mir wird das total auseinandergezogen (siehe hier) :(

              Liebe Grüße,
              Nadja

              --
              system.exit(0);
              1. Hi!

                Iserlohn :(

                Da musst du uns schon deine IP geben, ich hab deine Seite nicht auf meinem localhost laufen ;-)

                Gruß aus [link:http://www.sparkasse-iserlohn.de/)

                Martin

                1. Hallo Martin,

                  Da musst du uns schon deine IP geben, ich hab deine Seite nicht auf meinem localhost laufen ;-)

                  Waaahh, sorry, ich meinte:
                  http://www.poorchen.de/_test/poorchen_daten.php ;)

                  Liebe Grüße,
                  Nadja

                  --
                  system.exit(0);
              2. Hallo Nadja,

                http://www.sprachlernspiele.de/selftests/deflist.html

                Seltsam, bei mir wird das total auseinandergezogen (siehe hier) :(

                Wahrscheinlich ist es besser

                  
                height:1em;
                

                anzugeben, du könntest ja die Höhe der Vorfahrenselemente irgendwo definiert haben. Irgendeine Höhenangabe, nur aus besagtem Grund keine prozentuale wirkt also für den IE.

                Gruß Gernot

                1. Hallo Gernot,

                  Wahrscheinlich ist es besser

                  height:1em;

                  
                  >   
                  > anzugeben, du könntest ja die Höhe der Vorfahrenselemente irgendwo definiert haben. Irgendeine Höhenangabe, nur aus besagtem Grund keine prozentuale wirkt also für den IE.  
                    
                  Danke :)  
                    
                  Das ist echt Wahnsinn, was man für einen Aufwand für den IE betreiben muss...  
                    
                  Liebe Grüße,  
                  Nadja
                  
                  -- 
                  system.exit(0);
                  
                2. Hallo Gernot,

                  http://www.sprachlernspiele.de/selftests/deflist.html

                  Achso: Wenn man allgemein die Höhe auf 1em setzt, sieht das im FF merkwürdig aus (ist z.B. auf deiner Testseite so (s.o.)), das geht also wirklich nur für den IE.

                  Liebe Grüße,
                  Nadja

                  --
                  system.exit(0);
        2. hi,

          gib ihnen ein entsprechendes margin-left.

          Hierbei bezieht sich die Angabe jedoch nicht auf das umflossene Element, sondern auf das Elternelement.

          natürlich. das umflossene element ist ja gar nicht mehr da, weil aus dem elementfluss genommen.

          gruß,
          wahsaga

          --
          /voodoo.css:
          #GeorgeWBush { position:absolute; bottom:-6ft; }
      2. Hallo wahsaga,

        gib ihnen ein entsprechendes margin-left.

        Danke, funktioniert :)

        Liebe Grüße,
        Nadja

        --
        system.exit(0);