David: Kein Zeilenumbruch trotz Absatz

Hallo!

Ich habe im Quelltext folgenden Code eingebunden:

<p><img src="../linkus/banner.jpg" alt="Top Partymusik - Banner" /><br />
Link: &#8230;</p>
<p><img src="../linkus/mediumrec.jpg" alt="Top Partymusik - Medium Rectangle" /><br />
Link: &#8230;</p>
<p><img src="../linkus/minibanner.jpg" alt="Top Partymusik - Minibanner" /><br />
Link: &#8230;</p>
<p><img src="../linkus/microbanner.gif" alt="Top Partymusik - Banner" /><br />
Link: &#8230;</p>

Trotz Absätzen und Zeilenumbrüchen wird alles in einer Reihe angezeigt. Hinter der Seite liegt eine relativ umfangreiche CSS-Datei. Wonach kann ich suchen, um zu ermitteln, welcher Befehl den Umbruch verhindert. Oder: Wie kann ich den Code umgestalten, um einen Umbruch zu erzwingen?

Vielen Dank!

  1. Hi,

    <p><img src="../linkus/banner.jpg" alt="Top Partymusik - Banner" /><br />
    Link: &#8230;</p>

    wow, ein Wahnsinns-Textabsatz. Wenn alle Absätze so viel Text enthielten, würden viel mehr Leute Bücher lesen.

    Was für eine Zeile beendest Du eigentlich mit dem <br/>? Ist ja nicht mal Text da.

    Wonach kann ich suchen, um zu ermitteln,

    Nach Firebug.

    welcher Befehl

    Befehl? Ist da auch eine Programmiersprache im Spiel? Bisher hast Du nur von HTML und CSS gesprochen.

    Wie kann ich den Code umgestalten, um einen Umbruch zu erzwingen?

    Schritt 1: Eliminiere die <br/>.
    Schritt 2: Suche eine passende Strukturierung für das, was alles mögliche ist, aber garantiert kein Absatz.
    Schritt 3: Verwende CSS in Deinem Sinne.

    Cheatah

    --
    X-Self-Code: sh:( fo:} ch:~ rl:| br:> n4:& ie:% mo:) va:) de:] zu:) fl:{ ss:) ls:~ js:|
    X-Self-Code-Url: http://emmanuel.dammerer.at/selfcode.html
    X-Will-Answer-Email: No
    X-Please-Search-Archive-First: Absolutely Yes
  2. Ich frag mich grad wie du den hingekriegt hast, wenn nicht absichtlich.
    Ich würd mir mit Firebug den Style der Absätze anschauen und so lange der Reihe nach alles rausnehmen (auch in Firebug) bis es passt.
    Eigentlich brauchst du bei <p> keinen Umbruch, weil der von selber passiert. Außer du deklarierst das <p> als inline.

  3. Erstmal einfach anfengen. Was macht denn

      
    <p>  
      Hallo Welt<br />  
      ISt hier ein Bruch<br />  
      Ja/nein  
    </p>  
    
    
    • lass dein CSS auf diese einfach Beispiel los
    • Probier deinen Code ohne CSS
    • erst dann (!) in CSS nach "p" und /oder "br" suchen