Damian: Unverständliche Einrückung

Hallo zusammen!

Ich überarbeite momentan eine Seite, in welcher bislang noch folgendes steht:

<p>
[...]
6. Klicken von "Bearbeiten"<br>
7. Eintragen des Ausdrucks <tt>&lt;root&gt;\foo\bar\win32</tt> am Ende des Eingabefeldes<br>
                           ^^^^                           ^^^^
<img src="foo.jpg" alt="bar">
</p>

So wird überall - also auch bei Punkt 7 - nur ein Leerzeichen nach der Nummerierung angezeigt (IE6).

Da ich aber keine Formatierung im Code haben möchte und der "Teletyper" ohnehin überflüssig ist, löschte ich dieses Element. Das Problem ist nun, dass jetzt (und zwar nur an dieser Stelle) der Text nach der Nummerierung weiter eingerückt ist!
Ich habe keine Ahnung, warum das so ist und wonach ich suchen könnte!?!

Ihr wisst doch sicher Rat, oder?!?

Vielen Dank schonmal und einen weiterhin wunderbaren Tag!
Damian

  1. Hiho,

    erst mal der zwangsläufige Standard-Rat:

    http://validator.w3.org/

    Geht dein Quelltext da fehlerfrei durch? Wenn ja poste doch einfach mal den komplotten Quelltext oder noch besser eine Adresse an der wir uns die ganze Seite mal anschauen können. Im Moment kann ich mir nämlich nicht wirklich vorstellen wie das ganze aussehen soll.

    Marc

    1. Hallo nochmal!

      http://validator.w3.org/

      Ist in beiden Fällen valides HTML 4.01 Strict...

      Wenn ja poste doch einfach mal den komplotten Quelltext

      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
             "http://www.w3.org/TR/html4/strict.dtd">

      <html>
      <head>
      <title>Foo</title>
      <meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
      <link rel="stylesheet" type="text/css" media="screen" href="layout.css">
      <link rel="stylesheet" type="text/css" media="print" href="layout_print.css">
      <script type="text/javascript" src="icon.js"></script>
      </head>
      <body  onLoad='outline("matlab"), zeigIcon()'>

      <div id="page">

      <h1>

      Titel

      </h1>

      <script type="text/javascript" src="navi.js"></script>

      <div id="content">
      <h2>

      Heading

      </h2>
      <p>

      Text

      </p>
      <ul>

      <li><span style="font-weight:bold">entweder</span> dies (MCR)</li>
      <li><span style="font-weight:bold">oder</span> das.</li>

      </ul>
      <p>

      Text.<br>
      <br>
      Text.

      </p>
      <h3>

      Heading

      </h3>
      <p>

      Text <a href="linx.ext">Link</a> Text.<br>
      Text <a href="link2.ext">Link2</a>.

      </p>
      <h3>

      Heading

      </h3>
      <p>

      1. Text1<br>
      <br>
      2. Text2 und "Zitat"<br>
      <img src="img01.jpg" alt="Bild01"><br>
      <br>
      3. Text3 und "Zitat"<br>
      <img src="img02.jpg" alt="Bild02"><br>
      <br>
      4. Text4 und "Zitat"<br>
      <img src="img03.jpg" alt="Bild03"><br>
      <br>
      5. Text5 "Zitat" weiterer Text "weiteres Zitat"<br>
      <img src="img04.jpg" alt="Bild04"><br>
      <br>
      6. Text6 und "Zitat"<br>
      <br>
      7. Text7 &lt;root&gt;\toolbox\foo\bar\win32 weiterer Text "Zitat"<br>
      <img src="img05.jpg" alt="Bild05">

      </p>
      </div>

      <p id="footer">

      Text

      </p>

      </div>
      </body>
      </html>

      Ist jetzt die Version, die es mir so anzeigt:
      [...]
      7.   Text7[...]

      oder noch besser eine Adresse an der wir uns die ganze Seite mal anschauen können.

      Das geht leider nicht, ist eine Intranet-Seite...

      Siehst man daran jetzt etwas?!?

      Viele Grüße
      Damian

      1. Hello out there!

        <body  onLoad='outline("matlab"), zeigIcon()'>

        ^
        Das dürfte wohl falsch sein. (siehe diesen Thread)

        <div id="page">

        Wozu das? Du hast mit html und body bereits zwei Elemente, die alles andere umschließen und die du mit CSS beackern kannst. Dieses div dürfte überflüssig sein.

        <script type="text/javascript" src="navi.js"></script>

        Ähm – achso Intranetseite. Wenn du dir sicher bist, dass alle Nutzer im Intranet JavaScript aktiviert haben, lassen wir das mal durchgehen.

        Text.<br>
        <br>

        Warum keine Textabsätze? Bei einem 'br' solltest du schon stutzig werden, ob das Markup gut ist (wenn der Text kein Gedicht ist), bei zweien hintereinander ist es mit Sicherheit nicht gut.

        1. Text1<br>
          <br>
        2. Text2 und "Zitat"<br>
          <img src="img01.jpg" alt="Bild01"><br>
          <br>

        "ich möchte furchtbar gern eine liste sein, bitte bitte lass mich doch ...!!!1" (frei nach [wahsaga])

        See ya up the road,
        Gunnar

        --
        “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)
        1. Hi,

          <body  onLoad='outline("matlab"), zeigIcon()'>
                                             ^
          Das dürfte wohl falsch sein. (siehe diesen Thread)

          Nö. Siehe meine Antwort in ebenjenem Thread.

          u,
          Andreas

          --
          Warum nennt sich Andreas hier MudGuard?
          Schreinerei Waechter
          O o ostern ...
          Fachfragen unaufgefordert per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
        2. Einen schönen guten Morgen zusammen!

          Dank eurer Hilfe konnte ich mein Problem nun beheben und habe nun - hoffentlich - auch einen besseren Quelltext.
          Nun, dann werde ich mal ein paar Punkte beantworten...

          Ist das der längste Text in dieser Liste (warum ist die nicht mit 'ol' ausgezeichnet??)? Der einzige über zwei Zeilen? Hast du p {text-align: justify}?

          Alles richtig getippt. Warum nicht als 'ol' erkläre ich weiter unten...

          <body  onLoad='outline("matlab"), zeigIcon()'>
                                             ^
          Das dürfte wohl falsch sein. (siehe diesen Thread)

          Warum das falsch sein soll, ist mir auch nach dem Durchlesen des Threads noch nicht völlig klar. Funktioniert auf jeden Fall...

          <div id="page">

          Wozu das? Du hast mit html und body bereits zwei Elemente, die alles andere umschließen und die du mit CSS beackern kannst. Dieses div dürfte überflüssig sein.

          Ich habe mich bei der Gestaltung der Seite an diesem SELFHTML-Beispiel orientiert. Das div ist - soweit ich das verstehe - auf Grund der Breiten- und Hintergrundangabe nötig.

          <script type="text/javascript" src="navi.js"></script>

          Ähm – achso Intranetseite. Wenn du dir sicher bist, dass alle Nutzer im Intranet JavaScript aktiviert haben, lassen wir das mal durchgehen.

          Genau. Wie schon an verschiedenen anderen Stellen erwähnt, ist dem so... ;-)

          Text.<br>
          <br>

          Warum keine Textabsätze? Bei einem 'br' solltest du schon stutzig werden, ob das Markup gut ist (wenn der Text kein Gedicht ist), bei zweien hintereinander ist es mit Sicherheit nicht gut.

          Mir war nicht bewusst, dass 'br' kein "gutes" Markup ist. Werde dies - wo möglich - entfernen.
          Wie kann ich dann aber in einer Liste ( ;-) ) einen Zeilenumbruch (z.B. vor/nach einem Bild bewirken), ohne ein neues Listenelement zu beginnen?

          1. Text1<br>
            <br>
          2. Text2 und "Zitat"<br>
            <img src="img01.jpg" alt="Bild01"><br>
            <br>

          "ich möchte furchtbar gern eine liste sein, bitte bitte lass mich doch ...!!!1" (frei nach [wahsaga])

          OK, darfst du!
          Wollte das Ganze ja als Liste aufsetzen, nur hatte ich das Problem, dass ich für 'li' "list-style-type: none" gesetzt hatte (bei 'ul' stören die einfach). Hatte auch bereits versucht, in meiner css-Datei für 'ul' und 'ol' unterschiedliche Formatierungen (vor allem eben bei 'list-style-type') umzusetzen, was bislang allerdings nicht funktionierte. Inzwischen kam mir die Idee 'li' jeweils als Unterelement sowohl von 'ul' als auch von 'ol' zu formatieren und - voila - es funktioniert!
          Aber wieso eigentlich?!?

          So, dann mal noch fröhliches Schaffen!
          Damian

          1. Hallo.

            Mir war nicht bewusst, dass 'br' kein "gutes" Markup ist. Werde dies - wo möglich - entfernen.
            Wie kann ich dann aber in einer Liste ( ;-) ) einen Zeilenumbruch (z.B. vor/nach einem Bild bewirken), ohne ein neues Listenelement zu beginnen?

            Indem du den betreffenden Bildern mittels CSS die Eigenschaft zuweist, sich wie ein blockbildendes Element zu verhalten.
            MfG, at

  2. Hello out there!

    <p>
    [...]
    6. Klicken von "Bearbeiten"<br>
    7. Eintragen des Ausdrucks <tt>&lt;root&gt;\foo\bar\win32</tt> am Ende des Eingabefeldes<br>
                               ^^^^                           ^^^^
    Da ich aber keine Formatierung im Code haben möchte und der "Teletyper" ohnehin überflüssig ist, löschte ich dieses Element.

    Warum? Eine Auszeichnung ist durchaus sinnvoll. Nur nicht physisch mit 'tt', sondern logisch mit 'kbd'. Wenn es nicht besonders hervorgehoben dargestellt werden soll: kbd {font-family: inherit} ins Stylesheet.

    Das Problem ist nun, dass jetzt (und zwar nur an dieser Stelle) der Text nach der Nummerierung weiter eingerückt ist!

    Ist das der längste Text in dieser Liste (warum ist die nicht mit 'ol' ausgezeichnet??)? Der einzige über zwei Zeilen? Hast du p {text-align: justify}?

    See ya up the road,
    Gunnar

    --
    “Remember, in the end, nobody wins unless everybody wins.” (Bruce Springsteen)