Harald: <nobr> laut Standrad nicht erlaubt, welche Alternative?

ich möchte das die Wörter einer Menüleiste nicht umgebrochen werden.
Wie kann ich das verhindern, bisher habe ich die Zeilen in <nobr> gesetzt, aber das ist ja nicht mehr erlaubt.
Was gibt es für Alternativen?

Gruß
Harald

  1. hi

    Wie kann ich das verhindern, bisher habe ich die Zeilen in <nobr> gesetzt, aber das ist ja nicht mehr erlaubt.

    nicht mehr ist gut, es war nie...
    Das einfachste ist meistens die Leerzeichen im betroffenen Bereich durch   zu ersetzen, was nicht ohne Grund "non breaking space" heißt. Sonst kann man noch in CSS 'white-space:nowrap;' angeben, was aber derzeit nur an block-Elementen erlaubt ist (wird zum Glück mit CSS3 geändert)..

    Grüße aus Bleckede

    Kai

    1. Hallo Kai,

      habe es jetzt mit in meine CSS Datei aufgenommen, gefällt mir jetzt sogar besser. Danke für den Tip.
      Aber bei Opera5 bricht er nun trotzdem um.

      Ausschnitt HTML Datei:

      <body>
      <h6>
      <a href="kat10.htm"><img src="gif/ordner.gif" width="16" height="16" border="0" alt="Kolping">Kolping</a><br>
      <a href="kat11.htm"><img src="gif/ordner.gif" width="16" height="16" border="0" alt="Köln">Köln</a><br>
      </h6>
      </body>

      Ausschnitt CSS Datei:
      h6 a:active { font-size:small;
                  font-weight:normal;
                  font-style:normal;
                  white-space:nowrap;
                  color:#ffffff;
                  font-family:Verdana,Arial,Helvetica }

      h6 a:link { font-size:small;
                  font-weight:normal;
                  font-style:normal;
                  white-space:nowrap;
                  color:#d8d8d8;
                  font-family:Verdana,Arial,Helvetica }

      h6 a:visited { font-size:small;
                  font-weight:normal;
                  font-style:normal;
                  white-space:nowrap;
                  color:#d8d8d8;
                  font-family:Verdana,Arial,Helvetica }

      1. hi

        habe es jetzt mit in meine CSS Datei aufgenommen, gefällt mir jetzt sogar besser. Danke für den Tip.
        Aber bei Opera5 bricht er nun trotzdem um.

        nur da? Netscape 6 nicht auch..?

        Du hast genau das nicht beachtet, was ich extra am Ende hingeschrieben habe, <a> ist ein inline-Element und damit gibt es 'white-space' hier nicht. Kannst du nicht direkt das <h6> nehmen? (wobei mich eh Links in einer Überschrift wundern...)

        Grüße aus Bleckede

        Kai

        1. Du hast genau das nicht beachtet, was ich extra am Ende hingeschrieben habe, <a> ist ein inline-Element und damit gibt es 'white-space' hier nicht.

          Kannst du nicht direkt das <h6> nehmen?
          Was meinst Du damit?
          ich habe doch mein white-space direkt für <h6> definiert.
          Ich habe aber nun zusätzlich noch   als leerzeichen eingesetzt, dann sollten es alle Browser verstehen.

          (wobei mich eh Links in einer Überschrift wundern...)
          ich habe in meine CSS <h6> für meine Links formatiert.
          die Alternative wäre sicher div.name ... in der CSS aber dann müßte in den HTML Dokumenten immen <div class="name"> stehen, was länger ist.

          1. hi

            ich habe doch mein white-space direkt für <h6> definiert.

            nö, nur für <a> innerhalb eines <h6>

            ich habe in meine CSS <h6> für meine Links formatiert.

            also Tag-Missbrauch!?

            Grüße aus Bleckede

            Kai

            1. ich habe in meine CSS <h6> für meine Links formatiert.
              also Tag-Missbrauch!?

              aber ich kann die Formate doch nicht dem <a> zuorden, dann würden ja alle Links so aussehen?
              <h6> benutze ich nur fürs Link-Menü

              Gruß
              Harald

              1. Moin,

                aber ich kann die Formate doch nicht dem <a> zuorden, dann würden ja alle Links so aussehen?

                Schau dich mal ganz unauffällig in Selfhtml um. Stichwort Klasse: http://selfhtml.teamone.de/css/formate/zentrale.htm#klassen.

                --
                Henryk Plötz
                Grüße aus Berlin

    2. Sup!

      Nun, eigentlich müssen Inline-Elemente ja auch umbrechbar sein, und nur Blocklevel-Elemente haben eine fester Breite.
      Warum also wird das in CSS3 geändert? Das ist nicht konsequent bzw. potentiell totaler Unsinn... oder nicht?

      Gruesse,

      Bio

  2. Hallo ,

    Hm , in einer Tabelle hättest du die Möglichkeit, jeweils eine Spalte für Deine Liste machen und diese dann mit <tr ......><td..... nowrap> abschliessen, dann gibts auch Keinen Umbruch. Ich denke das ist das einfachste. Wenn ich Dich richtig verstanden hab.

    gruss
    Andreas

    1. hi

      Hm , in einer Tabelle hättest du die Möglichkeit, jeweils eine Spalte für Deine Liste machen und diese dann mit <tr ......><td..... nowrap> abschliessen, dann gibts auch Keinen Umbruch. Ich denke das ist das einfachste. Wenn ich Dich richtig verstanden hab.

      Das Attribut ist aber auch auf der Abschussliche des W3C und in den Strict-Versionen (HTML 4.0 Strict, XHTML 1.0 Strict, XHTML 1.1) schon nicht mehr drin - somit kommt man dann vom Regen in die Traufe.

      Grüße aus Bleckede

      Kai