Uija: Zeilenumbruch bei Div-Elementen

Hallo,

wie schaffe ichs mehrere Elemente in einer Reihe zu kriegen?

  
 <!--Hauptcontainer-->  
  <div>  
   <!--Bild-->  
    <div><img src....></div>  
   <!--Text-->  
    <div>Text</div>  
  </div>  

Wenn ich das so bastle, dann kommt ein Zeilenumbruch!!
Wie muss ich die 3 divs via css "konfigurieren"???

Früher hab ich nur mit Tables gearbeitet. Ist einfacher, aber amateurhaft.

  1. Wenn ich das so bastle, dann kommt ein Zeilenumbruch!!

    Trenne dich von deinen HTML-Kommentaren, diese sind (wie du später schreibst) Amateurhaft - ein Editor mit ordentlicher Einrückung und Syntaxhervorhebung sowie die verwendung von semantisch vernünftigem Markup vermeidet diese unsinnigen Kommentare.

    Statt <!--Text--><div>Text</div> könntest du z.B. <p>Text</p> verwenden. Eine div-Suppe war noch niemals schlau.

    Wie muss ich die 3 divs via css "konfigurieren"???

    Ein div-Element ist ein Block-Element, diese erzeugen per Defintion einen neuen Block/Absatz/Umbruch - diese Eigenschaft gilt es zu ersetzen.

    Früher hab ich nur mit Tables gearbeitet. Ist einfacher, aber amateurhaft.

    Tabellen sind mitnichten einfacher[1] :)

    [1] meine bescheidene Meinung.

    1. Nachtrag, Link vergessen[1]:

      Diese Eigenschaft gilt es zu ersetzen.

      [1] da ich nicht davon ausgehen kann, dass weitergelesen wird, als bis zum Bild :D (SCNR)

    2. Ja aber ein <p> hat auch die Eigenschaft dass eine Zeile/Absatz erstellt wird.
      Wie kann ich denn bitte genau diese Eigenschaft verändern?

      Die W3C Seiten helfen da auch nicht weiter!
      Welches display denn überhaupt? inline, run-in, und alles funzt überhaupt nicht.

      1. Ja aber ein <p> hat auch die Eigenschaft dass eine Zeile/Absatz erstellt wird.

        Das ist richtig, ich habe auch nicht gesagt, dass es dein Problem lösen wird - aber dein Code ist leichter lesbar und für dich besser per CSS formatierbar.

        Wie kann ich denn bitte genau diese Eigenschaft verändern?

        Über die display-Eigenschaft (siehe meinen unmittelbaren Nachtrag).

        Die W3C Seiten helfen da auch nicht weiter!

        Doch, tun sie - sie enthalten die offizielle Spezifikation, wenns da nicht drinnen steht - wo sonst? :)

        Welches display denn überhaupt? inline, run-in, und alles funzt überhaupt nicht.

        Glaube ich nicht - kannst du mir ein Beispiel zeigen?

        1. Ich will dass die <p>s mit dem Test drin zwar neue Zeilen kreieren, trotzdem sollen Link2 Link3 NICHT darunter landen, sondern oben bleiben.

          Hier:

            
          <div id="nav1">  
             <ul>  
              <li>Link1</li>  
              <li>Link2  
               <p>Test</p>  
               <p>Test</p>  
              </li>  
              <li>Link3</li>  
              <li>Link4</li>  
              <li>Link5</li>  
             </ul>  
            </div>  
          
          

          und hier die CSS

          #nav1  
           {  
            margin: 0px;  
           }  
            
           #nav1 ul  
           {  
            text-align: center;  
            margin-left: 0;  
            padding-left: 0;  
            border: 1px solid gray;  
           }  
            
           #nav1 li  
           {  
            list-style-type: none;  
            padding: 10px;  
            display: inline  
            }  
            
           #nav1 li:first-child  
           {  
            border: none;  
           }
          
          1. Ich will dass die <p>s mit dem Test drin zwar neue Zeilen kreieren, trotzdem sollen Link2 Link3 NICHT darunter landen, sondern oben bleiben.

            Hier:

            Bitte erstelle künftig Online-Beispiele - Web-Entwickler, Programmierer und ähnliches Volk ist naturgemäß sehr faul. Ein Link zum Draufklicken ist idR. besser als 2 Codeschnipsel die man sich erst zusammenbauen muss.

            Vorweg:
            Bei :first-child wird dir der Internet Explorer (in niedrigen Versionsnummern) einen Strich durch die Rechnung machen.

            Zu deinem eigentlichen Problem:
            Ich kann nicht erkennen, wo du versucht hättest, die display-Eigenschaft der p-Elemente in deiner Navigation zu ändern.

            1. Ich will doch einfach eine Art Table als Div gestalten.

              Zeig mir bitte wie ich ein Img neben einem mehrzeilen Text sinnvoll platziere.

              Links Bild, rechts Text, beides valign=top und insgesamt zentriert im Browser fenster und alles ohne table sondern mit css.

              Mehr will ich nicht. Und ich möchte nicht erklären müssen warum ich dies und das will und warum ich dies und das nicht tue.

              Danke!

              Mit einem einfachen display:inline komme ich nicht weiter. Ich brauche Quelltexte! Beispiele!

              1. Nabend,

                Ich will doch einfach eine Art Table als Div gestalten.

                Komisch genug, aber kein Problem.

                Zeig mir bitte wie ich ein Img neben einem mehrzeilen Text sinnvoll platziere.

                Ähm. Was verstehst Du unter sinnvoll?

                Links Bild, rechts Text, beides valign=top und insgesamt zentriert im Browser fenster und alles ohne table sondern mit css.

                Ah! Das is also sinnvoll!

                Mehr will ich nicht. Und ich möchte nicht erklären müssen warum ich dies und das will und warum ich dies und das nicht tue.

                Das hilft aber. Wenn man ein Problem hat das keiner nachvollziehen kann, kann auch keiner helfen.

                Mit einem einfachen display:inline komme ich nicht weiter. Ich brauche Quelltexte! Beispiele!

                Und die gibt's nicht in SELFHTML oder sonst im Internet zu finden? CSS Layouts gibts doch wie Sand am Meer. Du beschreibst hier ein einfaches zweispaltiges Layout. (http://de.selfhtml.org/css/layouts/index.htm@title=SELFHTML, Intensivstation, google)

                Du suchst float, schätze ich.

                --
                "Die Diebesgilde beklagte sich darueber, dass Mumm in aller Oeffentlichkeit behauptet hatte, hinter den meisten Diebstaehlen steckten Diebe."
                      - T. Pratchett
              2. Ich will doch einfach eine Art Table als Div gestalten.

                Was ist es jetzt - eine Tabelle oder ein generischer Block-Container mit einem Bild und einem Text in einer Reihe?

                Zeig mir bitte wie ich ein Img neben einem mehrzeilen Text sinnvoll platziere.

                Davon war nie die Rede - du wolltest alles in "eine Reihe" bringen - das funktioniert mit der inline-Eigenschaft wunderbar.

                Links Bild, rechts Text, beides valign=top und insgesamt zentriert im Browser fenster und alles ohne table sondern mit css.

                Davon war auch nie die Rede - vom zentrieren im Browserfenster ganz zu schweigen. Zudem schließen sich table-Elemente in HTML und CSS nicht aus. Tabelle vs. CSS ist mindestens genauso sinnvoll wie Apple vs. x86 PC oder Opel vs. PKW

                Mehr will ich nicht. Und ich möchte nicht erklären müssen warum ich dies und das will und warum ich dies und das nicht tue.

                Ich möchte von meinem gegenüber ein mindestmaß an Respekt - und ich erwarte von jemandem, der etwas will (einem Bittsteller), dass er nicht gierig wird und sich mit dem gezeigten auseinandersetzt nicht mitten drinnen das Thema wechselt und seine Gier auch noch offen zur Schau stellt. Ich mache das hier kostenlos und möchte, dass mein Gegenüber etwas lernt und sich verbessert, ich möchte die Verdummung der Menschheit aufhalten und erreichen, dass sich jemand irgendwie selbst helfen kann - wenn das nicht möglich ist, kann ich mir meine Freizeit auch anders einteilen und lieber ein paar Zombies bei einer Session Left4Dead abschlachten.

                Danke!

                Gleichfalls.

                Mit einem einfachen display:inline komme ich nicht weiter. Ich brauche Quelltexte! Beispiele!

                Spezifiziere dein Problem anhand eines Beispiels - ich kann mir zwar schon vorstellen, was du möchtest[1]- aber ich denk garnicht daran, dir eine Lösung zu zeigen, wenn du es nichteinmal schaffst deine Frage ordentlich auszuformulieren. Am Ende verschwende ich sinnlos Zeit um ein Beispiel auszuarbeiten oder zu suchen, welches nicht dem entspricht, was du eigentlich willst. Ggf. gehts dir garnicht um ein Bild mit Text daneben sondern um komplettes Layout oder sonstwas.

                Übrigens kostet diese Antwort ggf. sinnlos Zeit - nämlich genau dann, wenn du nicht lernst, deine Fragen künftig etwas vernünftiger zu stellen und wenn du etwas bescheidener wirst. Solltest du tatsächlich etwas dazulernen, freue ich mich und werde gerne versuchen dir weitere Hilfe anzubieten. Ansonsten kann ich problemlos weiterhin mit Gewaltspielen beschäftigen - ein Server ist schnell gefunden - ich verliere dadurch nichts.

                [1] Textumfluss