Plaetzchen: UL-Element

Hallo!

Wie kann ich in einem UL-Element, die folgenden LI's zentrieren? Habe alles probiert nichts geht, hier ein auszug:

<li><a href="javascript:exp_coll(0); coll(9); coll(33); coll(85); coll(87);"><img src="button.gif" border="0" id="im_0" /></a>
<ul class="zzul" id="sp_0" style="display:none;">
<li><a href="test1.html" target=main><img src="test1.gif" border=0></a></li>

<li><a href="test2.html" target=main><img src="test2.gif" border=0></a></li>

<li><a href="test3.html" target=main><img src=test3.gif border=0></a></li>

<li><a href="test4.html" target=main><img src=test4.gif border=0></a><li>

<li><a href="test5.html" target=main><img src=test5.gif border=0></a></li>
</ul></li>

  1. Tach,

    Wie kann ich in einem UL-Element, die folgenden LI's zentrieren?

    so wie jedes andere Block-Element auch, mit margin-left/right:auto, geht natürlich nur, wenn deren Breite bereits beschränkt ist, und in Browsern, der Internet Explorer kann es nicht, wendet aber (für diesen Fall glücklicherweise) fälschlich text-align auch auf Block-Element an.

    mfg
    Woodfighter

    1. Habe das Problem bereits mit der relativen Positionierung gelöst.
      Vielen Dank für eure Hilfe.

    2. Hallo Jens.

      Wie kann ich in einem UL-Element, die folgenden LI's zentrieren?

      so wie jedes andere Block-Element auch, [...]

      Bin ich gerade blind oder ist mein lokaler SelfHTML-Mirror schon wieder überholt?

      Wozu gehört das li-Element?

      Einen schönen Mittwoch noch.

      Gruß, Ash*feel free*ura

      --
      Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
      30 Days to becoming an Opera8 Lover -- Shortcuts for Keyboard and Mouse
      Meine Browser: Opera 8.50 | Firefox 1.0.7 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
      Use OpenOffice.org
      1. Hi,

        Wie kann ich in einem UL-Element, die folgenden LI's zentrieren?
        so wie jedes andere Block-Element auch, [...]
        Bin ich gerade blind oder ist mein lokaler SelfHTML-Mirror schon wieder überholt?

        Du suchst nur an der vollkommen falschen Stelle.
        Es geht um Darstellung. Also um CSS. Und laut CSS sind auch Elemente mit display:list-item blocklevel-Elemente.
        "Block-level elements are those elements of the source document that are formatted visually as blocks (e.g., paragraphs). Several values of the 'display' property make an element block-level: 'block', 'list-item', 'compact' and 'run-in' (part of the time; see compact and run-in boxes), and 'table'."
        http://www.w3.org/TR/REC-CSS2/visuren.html#block-level

        (ob und wenn ja wo das im SelfHTML steht, weiß ich nicht - so auf die Schnelle hab ich nichts gefunden)

        cu,
        Andreas

        --
        Warum nennt sich Andreas hier MudGuard?
        Schreinerei Waechter
        Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
        1. Hallo MudGuard.

          Du suchst nur an der vollkommen falschen Stelle.

          Aha.

          Es geht um Darstellung. Also um CSS. Und laut CSS sind auch Elemente mit display:list-item blocklevel-Elemente.
          "Block-level elements are those elements of the source document that are formatted visually as blocks (e.g., paragraphs). Several values of the 'display' property make an element block-level: 'block', 'list-item', 'compact' and 'run-in' (part of the time; see compact and run-in boxes), and 'table'."
          http://www.w3.org/TR/REC-CSS2/visuren.html#block-level

          Aha². Aber weshalb wird das li-Element bei SelfHTML dann nicht unter den Blockelementen aufgezählt, wenn es offensichtlich dort dazu gehört?

          Einen schönen Mittwoch noch.

          Gruß, Ash*feel free*ura

          --
          Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
          30 Days to becoming an Opera8 Lover -- Shortcuts for Keyboard and Mouse
          Meine Browser: Opera 8.50 | Firefox 1.0.7 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
          Use OpenOffice.org
          1. Hi,

            Aha². Aber weshalb wird das li-Element bei SelfHTML dann nicht unter den Blockelementen aufgezählt, wenn es offensichtlich dort dazu gehört?

            Die SelfHTML-Stelle bezieht sich auf HTML, nicht auf CSS. Vollkommen andere Baustelle.
            In HTML gelten diejenigen Elemente als block-Elemente, die in der Parameter Entity %block; aufgeführt sind. LI gehört nicht dazu.

            cu,
            Andreas

            --
            Warum nennt sich Andreas hier MudGuard?
            Schreinerei Waechter
            Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
            1. Hallo MudGuard.

              In HTML gelten diejenigen Elemente als block-Elemente, die in der Parameter Entity %block; aufgeführt sind. LI gehört nicht dazu.

              Sondern zu %Flow, wie es aussieht.
              Ich kann mir darunter aber nichts vorstellen.

              Einen schönen Mittwoch noch.

              Gruß, Ash*feel free*ura

              --
              Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
              30 Days to becoming an Opera8 Lover -- Shortcuts for Keyboard and Mouse
              Meine Browser: Opera 8.50 | Firefox 1.0.7 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
              Use OpenOffice.org
              1. Hi,

                In HTML gelten diejenigen Elemente als block-Elemente, die in der Parameter Entity %block; aufgeführt sind. LI gehört nicht dazu.

                Sondern zu %Flow, wie es aussieht.

                Nö, wie kommst Du darauf?
                %Flow gibt es schon mal gar nicht, nur %flow;

                Und LI gehört nicht zu %flow; - es hat nur als Content-Model (%flow;)*

                %flow; ist (jeweils HTML 4.01 strict) definiert als:

                <!ENTITY % flow "%block; | %inline;">

                besteht also aus %block; oder %inline;

                <!ENTITY % block
                     "P | %heading; | %list; | %preformatted; | DL | DIV | NOSCRIPT |
                      BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS">

                <!ENTITY % heading "H1|H2|H3|H4|H5|H6">

                <!ENTITY % list "UL | OL">

                <!ENTITY % preformatted "PRE">

                ==> %block besteht aus P | H1|H2|H3|H4|H5|H6 | UL | OL | PRE | DL | DIV | NOSCRIPT | BLOCKQUOTE | FORM | HR | TABLE | FIELDSET | ADDRESS

                Inline ist definiert als:

                <!ENTITY % inline "#PCDATA | %fontstyle; | %phrase; | %special; | %formctrl;">

                <!ENTITY % fontstyle
                 "TT | I | B | BIG | SMALL">

                <!ENTITY % phrase "EM | STRONG | DFN | CODE |
                                   SAMP | KBD | VAR | CITE | ABBR | ACRONYM" >

                <!ENTITY % special
                   "A | IMG | OBJECT | BR | SCRIPT | MAP | Q | SUB | SUP | SPAN | BDO">

                <!ENTITY % formctrl "INPUT | SELECT | TEXTAREA | LABEL | BUTTON">

                ==> %inline; enthält die "Elemente" #PCDATA | TT | I | B | BIG | SMALL | EM | STRONG | DFN | CODE | SAMP | KBD | VAR | CITE | ABBR | ACRONYM | A | IMG | OBJECT | BR | SCRIPT | MAP | Q | SUB | SUP | SPAN | BDO | INPUT | SELECT | TEXTAREA | LABEL | BUTTON

                Die Parameter Entities sind wie Abkürzungen: um nicht jedesmal, wenn irgendwo ein Blocklevel-Element erlaubt ist, alle Elemente einzeln aufzuzählen, wird einmal %block; definiert und später dann eben nur noch als %block; referenziert.

                cu,
                Andreas

                --
                Warum nennt sich Andreas hier MudGuard?
                Schreinerei Waechter
                Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
                1. Hallo MudGuard.

                  Hi,

                  In HTML gelten diejenigen Elemente als block-Elemente, die in der Parameter Entity %block; aufgeführt sind. LI gehört nicht dazu.

                  Sondern zu %Flow, wie es aussieht.

                  Nö, wie kommst Du darauf?
                  %Flow gibt es schon mal gar nicht, nur %flow;

                  In der XHTML 1.0-DTD schon.

                  Und LI gehört nicht zu %flow; - es hat nur als Content-Model (%flow;)*

                  Ja, es ist gut möglich, dass ich dies missverstanden habe.

                  %flow; ist (jeweils HTML 4.01 strict) definiert als:

                  [...]

                  Stehe ich gerade auf dem Schlauch, oder gehört das li-Element wirklich nirgendwo hin? Es zählt weder zu den Block- noch zu den Inlineelementen...

                  Die Parameter Entities sind wie Abkürzungen: um nicht jedesmal, wenn irgendwo ein Blocklevel-Element erlaubt ist, alle Elemente einzeln aufzuzählen, wird einmal %block; definiert und später dann eben nur noch als %block; referenziert.

                  Soweit verstehe ich die DTDs auch noch.
                  Aber obiges gibt mir gerade ein Rätsel auf...

                  Einen schönen Mittwoch noch.

                  Gruß, Ash*feel free*ura

                  --
                  Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
                  30 Days to becoming an Opera8 Lover -- Shortcuts for Keyboard and Mouse
                  Meine Browser: Opera 8.50 | Firefox 1.0.7 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
                  Use OpenOffice.org
                  1. Hi,

                    In der XHTML 1.0-DTD schon.

                    Ich bezieh mich normalerweise auf die HTML 4.01-DTD - die gibt es nämlich in einer praktisch verlinkten Version (http://www.w3.org/TR/html401/sgml/dtd.html), da kann man sich wesentlich schneller zu den jeweiligen Definitionen der Parameter Entities durchhangeln.

                    Stehe ich gerade auf dem Schlauch, oder gehört das li-Element wirklich nirgendwo hin? Es zählt weder zu den Block- noch zu den Inlineelementen...

                    Richtig. Das li-Element ist weder ein block- noch ein inline-Element.

                    Da es ja nur innerhalb weniger Elemente (ul,ol und bei transitional noch dir,menu) vorkommt, hat es sich nicht wirklich gelohnt, dafür eine parameter entity einzuführen.

                    Wäre li bei %block; oder %inline; dabei, wäre es ja in den Elementen erlaubt, die %block; oder %inline; im content-model haben - nicht nur in ul/ol.

                    Soweit verstehe ich die DTDs auch noch.

                    Naja, Deine Aussage, LI würde zu %flow; gehören, ließ eher auf geringe DTD-Kenntnisse schließen.

                    cu,
                    Andreas

                    --
                    Warum nennt sich Andreas hier MudGuard?
                    Schreinerei Waechter
                    Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
                    1. Hallo MudGuard.

                      Ich bezieh mich normalerweise auf die HTML 4.01-DTD - die gibt es nämlich in einer praktisch verlinkten Version (http://www.w3.org/TR/html401/sgml/dtd.html), da kann man sich wesentlich schneller zu den jeweiligen Definitionen der Parameter Entities durchhangeln.

                      Stimmt, diese ist weitaus praktischer. Danke für den Tipp.

                      Stehe ich gerade auf dem Schlauch, oder gehört das li-Element wirklich nirgendwo hin? Es zählt weder zu den Block- noch zu den Inlineelementen...

                      Richtig. Das li-Element ist weder ein block- noch ein inline-Element.

                      Wirklich recht merkwürdig. Als irgendetwas muss das li-Element doch definiert sein. Es kann doch nicht einfach nur „nichts“ sein.

                      Da es ja nur innerhalb weniger Elemente (ul,ol und bei transitional noch dir,menu) vorkommt, hat es sich nicht wirklich gelohnt, dafür eine parameter entity einzuführen.

                      Das kann ich nachvollziehen.

                      Soweit verstehe ich die DTDs auch noch.

                      Naja, Deine Aussage, LI würde zu %flow; gehören, ließ eher auf geringe DTD-Kenntnisse schließen.

                      Was auch der Fall ist.

                      Einen schönen Mittwoch noch.

                      Gruß, Ash*feel free*ura

                      --
                      Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
                      30 Days to becoming an Opera8 Lover -- Shortcuts for Keyboard and Mouse
                      Meine Browser: Opera 8.50 | Firefox 1.0.7 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
                      Use OpenOffice.org
                      1. Hi,

                        Wirklich recht merkwürdig. Als irgendetwas muss das li-Element doch definiert sein. Es kann doch nicht einfach nur „nichts“ sein.

                        Es ist als li-Element definiert. Das reicht doch. Es gehört halt nicht zu irgendeiner Elementgruppe.

                        cu,
                        Andreas

                        --
                        Warum nennt sich Andreas hier MudGuard?
                        Schreinerei Waechter
                        Fachfragen per E-Mail halte ich für unverschämt und werde entsprechende E-Mails nicht beantworten. Für Fachfragen ist das Forum da.
                        1. Hallo MudGuard.

                          Wirklich recht merkwürdig. Als irgendetwas muss das li-Element doch definiert sein. Es kann doch nicht einfach nur „nichts“ sein.

                          Es ist als li-Element definiert. Das reicht doch. Es gehört halt nicht zu irgendeiner Elementgruppe.

                          Also gut.
                          Danke für die Ausführungen.

                          Einen schönen Mittwoch noch.

                          Gruß, Ash*feel free*ura

                          --
                          Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
                          30 Days to becoming an Opera8 Lover -- Shortcuts for Keyboard and Mouse
                          Meine Browser: Opera 8.50 | Firefox 1.0.7 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
                          Use OpenOffice.org