Kalle: <div> = zeilenumbruch

Hallo!

Ich möchte mehrere Elemente in horizontal nebeneinander darstellen und jedes soll ein <div> sein.
Nur leider findet bei mir nach jedem <div> (auch id-los) ein Zeilenumbruch statt.

Wie kann ich diesen verhindern?

Grüße, Kalle

  1. Hallo,

    div ist ein block level element,

    benutze span oder stelle div als inline element dar.

    gruss

    --
    no strict;
    no warnings;
    Zucker ist das, was dem Kaffee den schlechten Geschmack gibt, wenn man es nicht hineintut.
    1. Klasse!

      Ich habe es jetzt mit display: inline; gemacht.
      float ist immer so kompliziert ; )

      1. Hallo Kalle,

        Klasse!

        Ich habe es jetzt mit display: inline; gemacht.
        float ist immer so kompliziert ; )

        welche Sinn macht es, ein Blockelement in ein Inlineelement umzuwandeln? Vielleicht könnte man dir bei Schilderung deines Anliegens eine bessere Vorgehensweise vorschlagen?!

        Mit freundlichen Grüßen

        André

        1. Hallo André!

          Ich möchte eine Navigation haben:
            Eins | Zwei | Drei | Vier

          Die Links und die Sepetratoren soll wenn Bilder vom Browser angezeigt werden durch Bilder ersetzt werden.
          Ebenfalls wenn CSS nicht unterstüzt wird.

          Also müssen die Links per CSS durch Bilder ersetzt werden.
          Jedes element muss also ein <div> sein, oder?
          Geht auch <span> ?

          Grüße, Kalle

          1. hi,

            Ich möchte eine Navigation haben:
              Eins | Zwei | Drei | Vier

            Die Links und die Sepetratoren soll wenn Bilder vom Browser angezeigt werden durch Bilder ersetzt werden.
            Ebenfalls wenn CSS nicht unterstüzt wird.

            Also müssen die Links per CSS durch Bilder ersetzt werden.
            Jedes element muss also ein <div> sein, oder?

            warum sollte es?

            Geht auch <span> ?

            wozu?

            was genügt dir an <a><img></a> denn nicht?

            btw: um das zu strukturieren, empfiehlt sich natürlich eine liste.

            gruß,
            wahsaga

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

              was genügt dir an <a><img></a> denn nicht?

              Wenn kein CSS unterstützt wird (drucken, lynx, ...) soll _Text_ angezeigt werden.

              btw: um das zu strukturieren, empfiehlt sich natürlich eine liste.

              Kann ich damit auch diese unsynkrone : ) Auflistung erstellen?
              ... Eins | Zwei | Drei | Vier ...

              Grüße

              1. hi,

                Wenn kein CSS unterstützt wird (drucken, lynx, ...) soll _Text_ angezeigt werden.

                drucken: extra druck-stylesheet
                textbrowser: bilder über fahrner image replacement einbinden

                btw: um das zu strukturieren, empfiehlt sich natürlich eine liste.
                Kann ich damit auch diese unsynkrone : ) Auflistung erstellen?
                ... Eins | Zwei | Drei | Vier ...

                was ist daran "unsynchron"?

                über die vielfältigen möglichkeiten, eine navigation mittels einer liste zu realisieren, informiert dich http://css.maxdesign.com.au/listamatic/

                gruß,
                wahsaga

                --
                /voodoo.css:
                #GeorgeWBush { position:absolute; bottom:-6ft; }
                1. Klasse, vielen dank!

              2. Hallo

                was genügt dir an <a><img></a> denn nicht?
                Wenn kein CSS unterstützt wird (drucken, lynx, ...) soll _Text_ angezeigt werden.

                Wennn keine Bilder angezeigt werden können/sollen (z.B. Textbrowser), kommt der Inhalt des alt-Attributs zum Einsatz.
                Für das Drucken könntest Du dies bestimmt auch per CSS lösen. In welchen Browsern das dann funktioniert, steht allerdings auf einem anderen Blatt. :-(

                Tschö, Auge

                --
                Die Musik drückt aus, was nicht gesagt werden kann und worüber es unmöglich ist zu schweigen.
                (Victor Hugo)
                Veranstaltungsdatenbank Vdb 0.1
  2. Hallo Kalle!

    <div> ist ein allgemeines Blockelement, beinhaltet also erstens keinen semantischen Wert, und Blockelemente erzeugen nunmal einen Zeilenumbruch.

    Abhilfe schafft float.

    Gruß

    Martin