CSS flyout menu working?

[Murray R. Van Luyn]

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/

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.

--

http://www.review-a-gadget.com/

http://review-a-gadget.blogspot.com/

http://members.iinet.net.au/~vanluynm/

[rf]

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.

[Rik]

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

[Rik]

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

[Murray R. Van Luyn]

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

http://www.review-a-gadget.com/

http://review-a-gadget.blogspot.com/

http://members.iinet.net.au/~vanluynm/

[rf]

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.

[Murray R. Van Luyn]

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

http://www.review-a-gadget.com/

http://review-a-gadget.blogspot.com/

http://members.iinet.net.au/~vanluynm/

[rf]

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.

[rf]

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.

[Neredbojias]

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.

[Murray R. Van Luyn]

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

http://www.review-a-gadget.com/

http://review-a-gadget.blogspot.com/

http://members.iinet.net.au/~vanluynm/

[rf]

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.

[Murray R. Van Luyn]

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

http://www.review-a-gadget.com/

http://review-a-gadget.blogspot.com/

http://members.iinet.net.au/~vanluynm/

[rf]

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

[John Hosking]

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