• what don't I get about this top nav?

    From James Kirk@21:1/5 to Eli the Bearded on Mon May 18 12:07:16 2020
    XPost: comp.infosystems.www.authoring.stylesheets

    In Message: <eli$2005172105@qaz.wtf>
    Eli the Bearded <*@eli.users.panix.com> wrote:

    In comp.infosystems.www.authoring.stylesheets,
    James Kirk <noneya.invalid+knobknocker@gmail.com> wrote:

    Eli the Bearded <*@eli.users.panix.com> wrote:

    What do I do?

    You have to contain and/or clear the floats OR don't use float.

    add float:left; to ul.subcats
    AND
    add clear:left to .searchbox.
    AND
    add overflow:auto to .topnav

    That works, but I can't say I understand (yet) why I need
    "float:left" on the <UL> and on the <LI>s in the <UL>.

    It is one of 2 ways that I used to contain the floats.

     change overflow to something other than visible.
     floats contain floats.

    Since the UL is set as inline, overflow would not work to contain
    floats.


    --
    James Kirk

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)
  • From Arno Welzel@21:1/5 to All on Mon May 18 19:02:00 2020
    XPost: comp.infosystems.www.authoring.stylesheets

    Axel Berger:

    Arno Welzel wrote:
    Use grid layout instead of floats. This makes things *much* easier:

    Wonderful idea. First we lost Tim Berners-Lees brilliant concept of a
    simple *content* description language that left look and layout mostly

    Which is HTML(!) and not CSS.

    to the viewer and thus worked well on *any* machines decades before
    today's tiny screens were ever thought of. We're now back to the bad old
    days of browser sniffing and delivering different content for different viewers -- just the very thing HTML was meant to get rid of. (http://www.anybrowser.org/campaign/)

    This was the time, where every browser manufactorer created their *own* extensions to *HTML* (not CSS!).

    CSS grid layout is a defined *standard*:

    <https://www.w3.org/TR/css-grid-1/>

    And nearly *every* browser supports it:

    <https://caniuse.com/#search=grid>

    And now we go further and lose the power of CSS by reverting to a kind
    of fixed, table-based layout.

    You don't know anything about grid layout. It is *not* "table-based" and
    *not* "fixed".


    --
    Arno Welzel
    https://arnowelzel.de

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)
  • From Eli the Bearded@21:1/5 to Spam@Berger-Odenthal.De on Mon May 18 17:00:32 2020
    XPost: comp.infosystems.www.authoring.stylesheets

    In comp.infosystems.www.authoring.stylesheets,
    Axel Berger <Spam@Berger-Odenthal.De> wrote:
    Arno Welzel wrote:
    Use grid layout instead of floats. This makes things *much* easier:

    I don't think that would suit my goal in organizing these tags at all.
    It's clever and probably has a use, but not here.

    Wonderful idea. First we lost Tim Berners-Lees brilliant concept of a
    simple *content* description language that left look and layout mostly
    to the viewer and thus worked well on *any* machines decades before
    today's tiny screens were ever thought of. We're now back to the bad old
    days of browser sniffing and delivering different content for different viewers -- just the very thing HTML was meant to get rid of.

    I'm kinda reluctant to do that, but also feeling that ordering content appropriately for different size screens is a challenge. A lot of web
    pages that work in Lynx are painful in lynx, because the content is so
    buried in the other stuff on the page. I'm trying to find a happy
    compromise there.

    And now we go further and lose the power of CSS by reverting to a kind
    of fixed, table-based layout.

    This layout scheme probably has some appropriate uses, particularly for
    layouts that are trying to duplicate real world positions. A game board,
    for example.

    Elijah
    ------
    open to suggestions

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)
  • From Arno Welzel@21:1/5 to All on Mon May 18 19:07:16 2020
    XPost: comp.infosystems.www.authoring.stylesheets

    Eli the Bearded:

    In comp.infosystems.www.authoring.stylesheets,
    Axel Berger <Spam@Berger-Odenthal.De> wrote:
    [...]
    And now we go further and lose the power of CSS by reverting to a kind
    of fixed, table-based layout.

    This layout scheme probably has some appropriate uses, particularly for layouts that are trying to duplicate real world positions. A game board,
    for example.

    Grid layout is *flexible* and has nothing to do with tables or a fixed
    layout at all!

    The idea is, that you define grid rows and columns and have the
    flexibility to tell the browser what to do if there is not enough space
    for 4, 3 or 2 columns.

    --
    Arno Welzel
    https://arnowelzel.de

    --- SoupGate-Win32 v1.05
    * Origin: fsxNet Usenet Gateway (21:1/5)