CSS flyout menu working?

Collapse
This topic is closed.
X
X
 
  • Time
  • Show
Clear All
new posts
  • Murray R. Van Luyn

    CSS flyout menu working?

    Hi,

    When I was adapting the CSS flyout menu that I got off the net for my own
    site, someone from this group was kind enough to point out that it wasn't
    quite working right. I'm wondering if I yet have the issues with IE7 worked
    out, and the menu now works?



    I'm sorry, I've tried to get IE7 myself, but Microsoft don't seem to want to
    let me have a copy!

    Regards,
    Murray R. Van Luyn.

    --

    Blogger ist ein Veröffentlichungs-Tool von Google, mit dem du ganz einfach deine Gedanken der Welt mitteilen kannst. Mit Blogger kannst du problemlos Texte, Fotos und Videos in deinem persönlichen Blog oder deinem Team-Blog veröffentlichen.




  • rf

    #2
    Re: CSS flyout menu working?


    "Murray R. Van Luyn" <NOSPAM@NOSPAMw rote in message
    news:46a60879$0 $31420$5a62ac22 @per-qv1-newsreader-01.iinet.net.au ...
    Hi,
    >
    When I was adapting the CSS flyout menu that I got off the net for my own
    site, someone from this group was kind enough to point out that it wasn't
    quite working right. I'm wondering if I yet have the issues with IE7
    worked out, and the menu now works?
    >
    http://www.review-a-gadget.com/
    Menu broken. The flyouts appear but they cannot be moused into.
    I'm sorry, I've tried to get IE7 myself, but Microsoft don't seem to want
    to let me have a copy!
    Seems odd. Worked for me. Did you not bribe Bill enough?

    --
    Richard.


    Comment

    • Rik

      #3
      Re: CSS flyout menu working?

      On Tue, 24 Jul 2007 16:37:53 +0200, rf <rf@invalid.com wrote:
      >I'm sorry, I've tried to get IE7 myself, but Microsoft don't seem to
      >want
      >to let me have a copy!
      >
      Seems odd. Worked for me. Did you not bribe Bill enough?
      >
      Or Windows 2000.... At least in the beginning it was only for XP or newer.

      --
      Rik Wasmus

      Comment

      • Rik

        #4
        Re: CSS flyout menu working?

        On Tue, 24 Jul 2007 17:01:25 +0200, Rik <luiheidsgoeroe @hotmail.comwro te:
        On Tue, 24 Jul 2007 16:37:53 +0200, rf <rf@invalid.com wrote:
        >>I'm sorry, I've tried to get IE7 myself, but Microsoft don't seem to
        >>want
        >>to let me have a copy!
        >>
        >Seems odd. Worked for me. Did you not bribe Bill enough?
        >>
        >
        Or Windows 2000.... At least in the beginning it was only for XP or
        newer.
        >
        Oooh, for people with the same problem:
        <http://blogs.msdn.com/ie/archive/2007/04/17/ie7-virtual-pc-image-and-ie6-virtual-pc-image-refresh.aspx>

        --
        Rik Wasmus

        Comment

        • Murray R. Van Luyn

          #5
          Re: CSS flyout menu working?

          "rf" <rf@invalid.com wrote in message
          news:59opi.1132 5$4A1.9282@news-server.bigpond. net.au...
          >
          Menu broken. The flyouts appear but they cannot be moused into.
          >
          Hi Richard,

          Thanks very much for going to the trouble for me. Well that's a shock. I
          guess I'm looking for another single level CSS flyout menu that works with
          IEx, FireFox etc., to adapt for my site. I haven't a clue what's wrong with
          this one.

          Thanks again.

          Regards,
          Murray R. Van Luyn.
          --
          32°02'14.23"S 115°53'21.30"E

          Blogger ist ein Veröffentlichungs-Tool von Google, mit dem du ganz einfach deine Gedanken der Welt mitteilen kannst. Mit Blogger kannst du problemlos Texte, Fotos und Videos in deinem persönlichen Blog oder deinem Team-Blog veröffentlichen.




          Comment

          • rf

            #6
            Re: CSS flyout menu working?


            "Murray R. Van Luyn" <NOSPAM@NOSPAMw rote in message
            news:46a61b07$0 $31417$5a62ac22 @per-qv1-newsreader-01.iinet.net.au ...
            "rf" <rf@invalid.com wrote in message
            news:59opi.1132 5$4A1.9282@news-server.bigpond. net.au...
            >>
            >Menu broken. The flyouts appear but they cannot be moused into.
            >>
            Hi Richard,
            >
            Thanks very much for going to the trouble for me. Well that's a shock. I
            guess I'm looking for another single level CSS flyout menu that works with
            IEx, FireFox etc., to adapt for my site. I haven't a clue what's wrong
            with this one.
            You might wish to change all those conditional comments to only select IE6
            or less. IE7 supports CSS flyout menus just like a real browser. It's one of
            the things they did fix.

            --
            Richard.


            Comment

            • Murray R. Van Luyn

              #7
              Re: CSS flyout menu working?

              "rf" <rf@invalid.com wrote in message
              news:_Iwpi.1141 2$4A1.1113@news-server.bigpond. net.au...
              >
              You might wish to change all those conditional comments to only select IE6
              or less. IE7 supports CSS flyout menus just like a real browser. It's one
              of the things they did fix.
              >
              --
              Richard.
              >
              Hi Richard,

              Hmm, that sounds familiar. If I remember correctly I think I changed the
              conditions to IE7 myself for some reason at one point. I've changed them all
              back to IE6.5. I wonder if that's enough to get the whole thing working in
              IE7?

              Regards,
              Murray R. Van Luyn.
              --
              32°02'14.23"S 115°53'21.30"E

              Blogger ist ein Veröffentlichungs-Tool von Google, mit dem du ganz einfach deine Gedanken der Welt mitteilen kannst. Mit Blogger kannst du problemlos Texte, Fotos und Videos in deinem persönlichen Blog oder deinem Team-Blog veröffentlichen.




              Comment

              • rf

                #8
                Re: CSS flyout menu working?


                "Murray R. Van Luyn" <NOSPAM@NOSPAMw rote in message
                news:46a6ac3b$0 $31393$5a62ac22 @per-qv1-newsreader-01.iinet.net.au ...
                "rf" <rf@invalid.com wrote in message
                news:_Iwpi.1141 2$4A1.1113@news-server.bigpond. net.au...
                >>
                >You might wish to change all those conditional comments to only select
                >IE6 or less. IE7 supports CSS flyout menus just like a real browser. It's
                >one of the things they did fix.
                >>
                >--
                >Richard.
                >>
                Hi Richard,
                >
                Hmm, that sounds familiar. If I remember correctly I think I changed the
                conditions to IE7 myself for some reason at one point. I've changed them
                all back to IE6.5. I wonder if that's enough to get the whole thing
                working in IE7?
                Ah, no. No menu at all now.

                You missed the conditional comment where you link to flyout_ie.css, so the
                "non-ie6" menu is being hidden by that CSS. Fixing thatl makes the top level
                visible but the flyouts still don't work.

                You need to use a doctype that does not trigger quirks mode in IE7.
                Specifically you are missing the url that is supposed to be at the end. Put
                that in and it works fine.

                --
                Richard.


                Comment

                • rf

                  #9
                  Re: CSS flyout menu working?


                  "Murray R. Van Luyn" <NOSPAM@NOSPAMw rote in message
                  news:46a6ac3b$0 $31393$5a62ac22 @per-qv1-newsreader-01.iinet.net.au ...
                  "rf" <rf@invalid.com wrote in message
                  news:_Iwpi.1141 2$4A1.1113@news-server.bigpond. net.au...
                  >>
                  >You might wish to change all those conditional comments to only select
                  >IE6 or less. IE7 supports CSS flyout menus just like a real browser. It's
                  >one of the things they did fix.
                  >>
                  >--
                  >Richard.
                  >>
                  Hi Richard,
                  >
                  Hmm, that sounds familiar. If I remember correctly I think I changed the
                  conditions to IE7 myself for some reason at one point. I've changed them
                  all back to IE6.5. I wonder if that's enough to get the whole thing
                  working in IE7?
                  Forgot to mention:

                  By putting that block level table inside the <aelements for IE6 you are
                  effectively breaking the rules. <acannot contain a block level element.
                  However because it is inside conditional comments the validator will never
                  see it anyway. Nice trick :-)

                  --
                  Richard.


                  Comment

                  • Neredbojias

                    #10
                    Re: CSS flyout menu working?

                    Well bust mah britches and call me cheeky, on Wed, 25 Jul 2007 04:51:37
                    GMT rf scribed:
                    >
                    "Murray R. Van Luyn" <NOSPAM@NOSPAMw rote in message
                    news:46a6ac3b$0 $31393$5a62ac22 @per-qv1-newsreader-01.iinet.net.au ...
                    >"rf" <rf@invalid.com wrote in message
                    >news:_Iwpi.114 12$4A1.1113@new s-server.bigpond. net.au...
                    >>>
                    >>You might wish to change all those conditional comments to only
                    >>select IE6 or less. IE7 supports CSS flyout menus just like a real
                    >>browser. It's one of the things they did fix.
                    >>>
                    >>--
                    >>Richard.
                    >>>
                    >Hi Richard,
                    >>
                    >Hmm, that sounds familiar. If I remember correctly I think I changed
                    >the conditions to IE7 myself for some reason at one point. I've
                    >changed them all back to IE6.5. I wonder if that's enough to get the
                    >whole thing working in IE7?
                    >
                    Forgot to mention:
                    >
                    By putting that block level table inside the <aelements for IE6 you
                    are effectively breaking the rules. <acannot contain a block level
                    element. However because it is inside conditional comments the
                    validator will never see it anyway. Nice trick :-)
                    Sure... Murray does it and it's a nice trick. I do it and I get a
                    lecture. How uncoolly discriminatory!

                    --
                    Neredbojias
                    Half lies are worth twice as much as whole lies.

                    Comment

                    • Murray R. Van Luyn

                      #11
                      Re: CSS flyout menu working?

                      "rf" <rf@invalid.com wrote in message
                      news:oCApi.1149 2$4A1.3479@news-server.bigpond. net.au...
                      >
                      Ah, no. No menu at all now.
                      >
                      You missed the conditional comment where you link to flyout_ie.css, so the
                      "non-ie6" menu is being hidden by that CSS. Fixing thatl makes the top
                      level visible but the flyouts still don't work.
                      >
                      You need to use a doctype that does not trigger quirks mode in IE7.
                      Specifically you are missing the url that is supposed to be at the end.
                      Put that in and it works fine.
                      >
                      --
                      Richard.
                      >
                      Hi Richard,

                      Thanks so much for getting involved and helping me on this one.
                      Unfortunately I'm not at all conversant when it comes to HTML and CSS. How
                      do I add the 'missing url that is supposed to be at the end' and make
                      everything work fine? I think the doctype is the line below, from the
                      heading of the .php file, but I'm not sure what to add to it.

                      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

                      Will the following fix the problem?

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

                      Regards,
                      Murray R. Van Luyn.
                      --
                      32°02'14.23"S 115°53'21.30"E
                      Situs Berita Slot Online yang Gacor dan Terpercaya: Berita Terbaru dan Panduan Lengkap

                      Blogger ist ein Veröffentlichungs-Tool von Google, mit dem du ganz einfach deine Gedanken der Welt mitteilen kannst. Mit Blogger kannst du problemlos Texte, Fotos und Videos in deinem persönlichen Blog oder deinem Team-Blog veröffentlichen.




                      Comment

                      • rf

                        #12
                        Re: CSS flyout menu working?


                        "Murray R. Van Luyn" <NOSPAM@NOSPAMw rote in message
                        news:46a6defa$0 $31390$5a62ac22 @per-qv1-newsreader-01.iinet.net.au ...
                        "rf" <rf@invalid.com wrote in message
                        news:oCApi.1149 2$4A1.3479@news-server.bigpond. net.au...
                        >>
                        >Ah, no. No menu at all now.
                        >>
                        >You missed the conditional comment where you link to flyout_ie.css, so
                        >the "non-ie6" menu is being hidden by that CSS. Fixing thatl makes the
                        >top level visible but the flyouts still don't work.
                        >>
                        >You need to use a doctype that does not trigger quirks mode in IE7.
                        >Specifically you are missing the url that is supposed to be at the end.
                        >Put that in and it works fine.
                        >>
                        >--
                        >Richard.
                        >>
                        Hi Richard,
                        >
                        Thanks so much for getting involved and helping me on this one.
                        Unfortunately I'm not at all conversant when it comes to HTML and CSS. How
                        do I add the 'missing url that is supposed to be at the end' and make
                        everything work fine? I think the doctype is the line below, from the
                        heading of the .php file, but I'm not sure what to add to it.
                        >
                        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
                        >
                        Will the following fix the problem?
                        >
                        <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
                        "http://www.w3.org/TR/html4/strict.dtd">
                        That's the one.

                        or even

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

                        to be sure to be sure.

                        There is a good (well good for microsoft) descripton if you google for
                        "standards compliant mode". First hit.

                        --
                        Richard.


                        Comment

                        • Murray R. Van Luyn

                          #13
                          Re: CSS flyout menu working?

                          "rf" <rf@invalid.com wrote in message
                          news:l_Bpi.1152 4$4A1.8863@news-server.bigpond. net.au...
                          >
                          That's the one.
                          >
                          or even
                          >
                          <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 STRICT//EN"
                          "http://www.w3.org/TR/html4/strict.dtd">
                          >
                          to be sure to be sure.
                          >
                          There is a good (well good for microsoft) descripton if you google for
                          "standards compliant mode". First hit.
                          >
                          --
                          Richard.
                          >
                          Hi Richard,

                          So, I've changed the doctype and uploaded the updated files. I now have a
                          CSS flyout menu that works with IE7 as well as the others?

                          Regards,
                          Murray R. Van Luyn.
                          --
                          32°02'14.23"S 115°53'21.30"E

                          Blogger ist ein Veröffentlichungs-Tool von Google, mit dem du ganz einfach deine Gedanken der Welt mitteilen kannst. Mit Blogger kannst du problemlos Texte, Fotos und Videos in deinem persönlichen Blog oder deinem Team-Blog veröffentlichen.




                          Comment

                          • rf

                            #14
                            Re: CSS flyout menu working?


                            "Murray R. Van Luyn" <NOSPAM@NOSPAMw rote in message
                            news:46a6f5bf$0 $31423$5a62ac22 @per-qv1-newsreader-01.iinet.net.au ...
                            "rf" <rf@invalid.com wrote in message
                            news:l_Bpi.1152 4$4A1.8863@news-server.bigpond. net.au...
                            >>
                            >That's the one.
                            >>
                            >or even
                            >>
                            ><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 STRICT//EN"
                            >"http://www.w3.org/TR/html4/strict.dtd">
                            >>
                            >to be sure to be sure.
                            >>
                            >There is a good (well good for microsoft) descripton if you google for
                            >"standards compliant mode". First hit.
                            >>
                            >--
                            >Richard.
                            >>
                            >
                            Hi Richard,
                            >
                            So, I've changed the doctype and uploaded the updated files. I now have a
                            CSS flyout menu that works with IE7 as well as the others?
                            Nope, not there in IE7.

                            You still have this bit in there:

                            <!--[if lte IE 7]>
                            <LINK media=all href="flyout_ie .css" type=text/css rel=stylesheet>
                            <![endif]-->

                            Should be 6.5, not 7.

                            Otherwise:
                            Works fine in IE6, IE5.5, Opera and windows Safari.

                            Works OK in lynx (a text only browser).

                            Doesn't flyout in IE5.01.

                            Slightly broken in Netscape 8.1. The menus are double spaced, that is the
                            cyan boxes have about 1em of white space between them. For the top level
                            menu this white space contains the that is usually at the end of the <li>

                            --
                            Richard



                            Comment

                            • John Hosking

                              #15
                              Re: CSS flyout menu working?

                              rf wrote:
                              >
                              You still have this bit in there:
                              >
                              <!--[if lte IE 7]>
                              <LINK media=all href="flyout_ie .css" type=text/css rel=stylesheet>
                              <![endif]-->
                              >
                              Should be 6.5, not 7.
                              I would have changed the condition, since 6.5 is made up, giving
                              <!--[if lt IE 7]>
                              etc.
                              --
                              Richard
                              Your sig separator has an extraneous space before the dashes. :-o


                              --
                              John

                              Comment

                              Working...