Comments on: Pure CSS Drop-Down Menu tutorial – a slight omission http://www.designisphilosophy.com/microsoft-expression-web/pure-css-drop-down-menu-tutorial-a-slight-omission-20081121/ Tutorials and thoughts on Microsoft Expression, CSS and WordPress Sun, 21 Mar 2010 21:11:13 +0000 http://wordpress.org/?v=2.9.2 hourly 1 By: Richard Bisschops http://www.designisphilosophy.com/microsoft-expression-web/pure-css-drop-down-menu-tutorial-a-slight-omission-20081121/comment-page-1/#comment-113467 Richard Bisschops Mon, 08 Mar 2010 13:45:54 +0000 http://blog.pinkandyellow.com/?p=201#comment-113467 Hello Morten, I use your menu and I am satisfied with it. There is only thing that I cannot fix. Or even uderstand. I have created a DWT file for my website. So eery page should ontain the same menu. It works except for the *.php files. It seems that the menu doesn't pass the ph interpreter. At my website therefore the contact form looks different from the others. Any idea? Kind regards, Richard Bisschops Uden The Netherlands Hello Morten,

I use your menu and I am satisfied with it. There is only thing that I cannot fix. Or even uderstand. I have created a DWT file for my website. So eery page should ontain the same menu. It works except for the *.php files. It seems that the menu doesn’t pass the ph interpreter. At my website therefore the contact form looks different from the others. Any idea?
Kind regards,
Richard Bisschops
Uden The Netherlands

]]> By: Morten Rand-Hendriksen http://www.designisphilosophy.com/microsoft-expression-web/pure-css-drop-down-menu-tutorial-a-slight-omission-20081121/comment-page-1/#comment-110639 Morten Rand-Hendriksen Wed, 03 Mar 2010 22:24:35 +0000 http://blog.pinkandyellow.com/?p=201#comment-110639 @John: To your question first: To position the menu so that it hovers above the content and doesn't move it, place it in a div with absolute positioning. The absolute positioning will "lock" the menu to a specific location on the page and float it above the content rather than place it within it. To the rubbish (because that's what it is) posted in the expression forum that you mentioned all I can say is it's posted by people who for one reason or another insist that Internet Explorer 6 should be accommodated no matter what the consequences. My stance on this is that if you're not part of the solution you're part of the problem, and I'm not willing to destroy otherwise perfectly good code to accommodate a browser that not only is severely outdated but is also harmful to use for visitors. And I'm not the only one of this sentiment: YouTube is discontinuing their support for IE6 as we speak and most European online newspapers have placed huge warnings on their sites that appear when people use IE6. @John: To your question first: To position the menu so that it hovers above the content and doesn’t move it, place it in a div with absolute positioning. The absolute positioning will “lock” the menu to a specific location on the page and float it above the content rather than place it within it.

To the rubbish (because that’s what it is) posted in the expression forum that you mentioned all I can say is it’s posted by people who for one reason or another insist that Internet Explorer 6 should be accommodated no matter what the consequences. My stance on this is that if you’re not part of the solution you’re part of the problem, and I’m not willing to destroy otherwise perfectly good code to accommodate a browser that not only is severely outdated but is also harmful to use for visitors. And I’m not the only one of this sentiment: YouTube is discontinuing their support for IE6 as we speak and most European online newspapers have placed huge warnings on their sites that appear when people use IE6.

]]> By: john http://www.designisphilosophy.com/microsoft-expression-web/pure-css-drop-down-menu-tutorial-a-slight-omission-20081121/comment-page-1/#comment-110581 john Wed, 03 Mar 2010 20:52:30 +0000 http://blog.pinkandyellow.com/?p=201#comment-110581 Hi, Used the example here to build CSS drop down menus (new to this). Attempted to combine the code with an Expression Web template (small business 3). Encountered the same problem mentioned here previously - when menu drops down it's hidden behind the text below. I managed to fix this...but...the navigation automatically increased in height...moving the the rest of the page down. Like I said, new to CSS. Just to let you know... A Microsoft expression forum - suggest (as early as Oct 2009) scrap the code you suggested.... http://social.expression.microsoft.com/Forums/en-US/web/thread/00a79611-4025-4931-8f58-d8b711006749/ If you have a suggestion to help me work around the template for your drop down menus (good work) - would like to hear - thanks. John. Hi,

Used the example here to build CSS drop down menus (new to this). Attempted to combine the code with an Expression Web template (small business 3). Encountered the same problem mentioned here previously – when menu drops down it’s hidden behind the text below. I managed to fix this…but…the navigation automatically increased in height…moving the the rest of the page down. Like I said, new to CSS.

Just to let you know…

A Microsoft expression forum – suggest (as early as Oct 2009) scrap the code you suggested….

http://social.expression.microsoft.com/Forums/en-US/web/thread/00a79611-4025-4931-8f58-d8b711006749/

If you have a suggestion to help me work around the template for your drop down menus (good work) – would like to hear – thanks.

John.

]]> By: Morten Rand-Hendriksen http://www.designisphilosophy.com/microsoft-expression-web/pure-css-drop-down-menu-tutorial-a-slight-omission-20081121/comment-page-1/#comment-53966 Morten Rand-Hendriksen Tue, 22 Sep 2009 05:24:26 +0000 http://blog.pinkandyellow.com/?p=201#comment-53966 It works in IE7 and IE8 but not IE6. If it's not working in IE8 you are running a beta version. It works in IE7 and IE8 but not IE6. If it’s not working in IE8 you are running a beta version.

]]> By: Ramdeen Vishwakarma http://www.designisphilosophy.com/microsoft-expression-web/pure-css-drop-down-menu-tutorial-a-slight-omission-20081121/comment-page-1/#comment-53754 Ramdeen Vishwakarma Mon, 21 Sep 2009 12:45:15 +0000 http://blog.pinkandyellow.com/?p=201#comment-53754 nice but in IE it's not working nice but in IE it’s not working

]]> By: Morten Rand-Hendriksen http://www.designisphilosophy.com/microsoft-expression-web/pure-css-drop-down-menu-tutorial-a-slight-omission-20081121/comment-page-1/#comment-47041 Morten Rand-Hendriksen Sat, 29 Aug 2009 00:52:02 +0000 http://blog.pinkandyellow.com/?p=201#comment-47041 The problem with pseudo classes only affects Internet Explorer 6 and earlier builds. It has no effect on Internet Explorer 7 and later builds. The problem with pseudo classes only affects Internet Explorer 6 and earlier builds. It has no effect on Internet Explorer 7 and later builds.

]]> By: Kristi Borst http://www.designisphilosophy.com/microsoft-expression-web/pure-css-drop-down-menu-tutorial-a-slight-omission-20081121/comment-page-1/#comment-46958 Kristi Borst Fri, 28 Aug 2009 21:38:02 +0000 http://blog.pinkandyellow.com/?p=201#comment-46958 The CSS sample displays perfectly for me in IE8. Not sure what the reference above to problems with pseudo class in IE8 is all about. I am probably going to implement this method for some clients with old sites that use javascript drop downs (written by others) which are no longer working in IE8. Thanks. The CSS sample displays perfectly for me in IE8. Not sure what the reference above to problems with pseudo class in IE8 is all about. I am probably going to implement this method for some clients with old sites that use javascript drop downs (written by others) which are no longer working in IE8.

Thanks.

]]> By: Morten Rand-Hendriksen http://www.designisphilosophy.com/microsoft-expression-web/pure-css-drop-down-menu-tutorial-a-slight-omission-20081121/comment-page-1/#comment-36917 Morten Rand-Hendriksen Fri, 03 Jul 2009 06:54:22 +0000 http://blog.pinkandyellow.com/?p=201#comment-36917 @R-A Mazzola and others: The reason I haven't posted the promised tutorial on how to make the drop-down appear on top of other content is that I am in the middle of revising my book which is to be released shortly. On top of that I also have a bunch of client projects that are taking up pretty much all my time. Getting the menu to appear on top of other content is not particularly hard, you just have to know how to. Basically you create a div for the header and place the menu div inside this one. Then you set the menu div to absolute positioning and set the bottom to 0 so it locks against the bottom of the header div. That's really all there is to it. There is a full explanation of exactly how this is done in my book Sams Teach Yourself Microsoft Expression Web 2 in 24 Hours which is available from Amazon.com and in your local book store. There is a better tutorial in the new book for Expression Web 3 which will be out August/September-ish. Once the rewrite is complete and I've gotten some of the more pressing projects off my back I'll finish the positioning tutorial and post it. @R-A Mazzola and others: The reason I haven’t posted the promised tutorial on how to make the drop-down appear on top of other content is that I am in the middle of revising my book which is to be released shortly. On top of that I also have a bunch of client projects that are taking up pretty much all my time.

Getting the menu to appear on top of other content is not particularly hard, you just have to know how to. Basically you create a div for the header and place the menu div inside this one. Then you set the menu div to absolute positioning and set the bottom to 0 so it locks against the bottom of the header div. That’s really all there is to it.

There is a full explanation of exactly how this is done in my book Sams Teach Yourself Microsoft Expression Web 2 in 24 Hours which is available from Amazon.com and in your local book store. There is a better tutorial in the new book for Expression Web 3 which will be out August/September-ish. Once the rewrite is complete and I’ve gotten some of the more pressing projects off my back I’ll finish the positioning tutorial and post it.

]]> By: R-A Mazzola http://www.designisphilosophy.com/microsoft-expression-web/pure-css-drop-down-menu-tutorial-a-slight-omission-20081121/comment-page-1/#comment-36915 R-A Mazzola Fri, 03 Jul 2009 06:26:38 +0000 http://blog.pinkandyellow.com/?p=201#comment-36915 So, looks like some of these posts are months old and no response to date. Is this something that cant be answered? Is there a better resource that you can suggest so we can get the help we are looking for? Please respond! So, looks like some of these posts are months old and no response to date. Is this something that cant be answered? Is there a better resource that you can suggest so we can get the help we are looking for? Please respond!

]]> By: Thomas Hilton http://www.designisphilosophy.com/microsoft-expression-web/pure-css-drop-down-menu-tutorial-a-slight-omission-20081121/comment-page-1/#comment-32122 Thomas Hilton Sun, 10 May 2009 18:12:56 +0000 http://blog.pinkandyellow.com/?p=201#comment-32122 Is there a way to make the drop down menus center in the web page left to right? Is there a way to make the drop down menus center in the web page left to right?

]]>