Re: [css-d] flyout menus + IE6 making progress, still need help
Bob, thank you so much. Looking at your file pointed out a small omission from my HTML that was causing the problem. I think I'm just about there now. The one thing that I'm still not able to track down and it seems like it should be easy is the right padding. It should be obvious, but I can't budge it! Jody http://www.atlas-inspection.com/newsite/newnavtest.html http://www.atlas-inspection.com/newsite/test1.css On Oct 25, 2008, at 11:45 AM, Bob Meetin wrote: Jody Levinson wrote: It's not working for me 'out of the box' either. Unless I'm implementing it wrong. Do you have a sample of it working in a vertical menu to level 3 that I could look at to compare? Your page that you referred me to only goes to level 2. Thanks! Try this example. I have not worked this into the menu sampler, but I have it set up with both a horizontal and a vertical drop-down menu and added the level3 options to both. I tested it in both Firefox and IE6, also IE7 and the version of Safari installed on Windows. http://dottedi.biz/codesamples/double-menu.php -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! ned. __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] flyout menus + IE6 making progress, still need help
Hi, Bob, I'm going to copy to the group, since you've already been SUCH a huge help and I hate to impose. I've got the text aligned-right, but as you say, it needs a little padding on the right so that the characters are not on the border. Normally this is pretty easy to do. You experiment with adjusting padding and li widths and do a little math and with some trial and error, it all works out. I've tried everything I can think of in this and I can't create any space to the right of the text in the menu at any level. Nor can I figure out why the hover is 2-3 pixels wider than the main block on the right of the flyout levels. I've made dozens of changes and nothing I've tried moves the text on both normal and hover states without also throwing off the width of the menu and the white border at the bottom of each item. The site is here: http://www.atlas-inspection.com/newsite/ The css is here: http://www.atlas-inspection.com/newsite/styles.css Once again, thank you Bob. You were a life-saver on this. Jody On Oct 27, 2008, at 10:30 AM, Bob Meetin wrote: what do you mean by budge? with the vmenu you are intentionally doing a right align, yes? i'm guessing that you want to give some padding on the right so that characters, images are not on the border. i have not looked, but in my experiments when you start including left or right padding you have to start doing some math with the li widths, and perhaps some additional math with widths on the links themselves. maybe also math to account for borders as well. -b Jody Levinson wrote: Bob, thank you so much. Looking at your file pointed out a small omission from my HTML that was causing the problem. I think I'm just about there now. The one thing that I'm still not able to track down and it seems like it should be easy is the right padding. It should be obvious, but I can't budge it! Jody http://www.atlas-inspection.com/newsite/newnavtest.html http://www.atlas-inspection.com/newsite/test1.css On Oct 25, 2008, at 11:45 AM, Bob Meetin wrote: Jody Levinson wrote: It's not working for me 'out of the box' either. Unless I'm implementing it wrong. Do you have a sample of it working in a vertical menu to level 3 that I could look at to compare? Your page that you referred me to only goes to level 2. Thanks! Try this example. I have not worked this into the menu sampler, but I have it set up with both a horizontal and a vertical drop-down menu and added the level3 options to both. I tested it in both Firefox and IE6, also IE7 and the version of Safari installed on Windows. http://dottedi.biz/codesamples/double-menu.php __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] flyout menus + IE6 making progress, still need help
At 5:45 PM -0700 10/24/08, Jody Levinson wrote: It's not working for me 'out of the box' either. Unless I'm implementing it wrong. Do you have a sample of it working in a vertical menu to level 3 that I could look at to compare? Your page that you referred me to only goes to level 2. Three levels, that's easy enough. Try this: http://sperling.com/examples/menuv/ Cheers, tedd -- --- http://sperling.com http://ancientstones.com http://earthstones.com __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] flyout menus + IE6 making progress, still need help
Jody Levinson wrote: It's not working for me 'out of the box' either. Unless I'm implementing it wrong. Do you have a sample of it working in a vertical menu to level 3 that I could look at to compare? Your page that you referred me to only goes to level 2. Thanks! Try this example. I have not worked this into the menu sampler, but I have it set up with both a horizontal and a vertical drop-down menu and added the level3 options to both. I tested it in both Firefox and IE6, also IE7 and the version of Safari installed on Windows. http://dottedi.biz/codesamples/double-menu.php -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] flyout menus + IE6 making progress, still need help
It's not working for me 'out of the box' either. Unless I'm implementing it wrong. Do you have a sample of it working in a vertical menu to level 3 that I could look at to compare? Your page that you referred me to only goes to level 2. Thanks! On Oct 23, 2008, at 6:54 PM, Bob Meetin wrote: I'd take a look but I have another pressing project. If the 3rd level is not working, either I don't have the CSS or HTML correct or didn't have the time with the examples. Out of the box it works. I know that I use an if_ie construct to keep some pieces synced between IE and Firefox. Undoubtedly I can retrieve the vanilla EM code if you want to take a look. It's around. And for the record, the first couple times especially I took an extraordinary amount of time to figure it out. -Bob Jody Levinson wrote: OK, so I redid the menus using the code Bob pointed me at and they are working better and look promising for IE6. I'm still having some issues that I can't quite track down. The new page is here: http://www.atlas-inspection.com/newsite/newnavtest.html And the css for the menus is here: http://www.atlas-inspection.com/newsite/test1.css In FF, in the vertical menu, the third level isn't working at all and the widths of the second level are a little screwy with the text running over the right edge. In IE6, on the horizontal menu, when you hover, the block widens enough to pop the last item to the next line. I can't track down what's doing that. In the vertical menu, the third level also isn't working, the heights of the items change on hover and the widths aren't working the same as in FF. But I feel I'm making progress! Any help on these issues is very much appreciated. Thanks, Jody On Oct 23, 2008, at 11:00 AM, Bob Meetin wrote: Jody Levinson wrote: These menus work so well in IE7 and FF, but they are completely unusable in IE6. Can anyone please help or point me toward some resources to resolve it or work around it? Thank you. http://atlas-inspection.com/newsite/ http://www.atlas-inspection.com/newsite/styles.css Thank you for any assistance! Jody I have a number of menu examples of drop-down menus based on the Eric Meyer examples from 'More Eric Meyer on CSS' on this page. They use a csshover.htc file to make it work in IE6. http://www.dottedi.biz/codesamples/ My question, what does fly-out menu actually mean? -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Re: [css-d] flyout menus + IE6 making progress, still need help
OK, so I redid the menus using the code Bob pointed me at and they are working better and look promising for IE6. I'm still having some issues that I can't quite track down. The new page is here: http://www.atlas-inspection.com/newsite/newnavtest.html And the css for the menus is here: http://www.atlas-inspection.com/newsite/test1.css In FF, in the vertical menu, the third level isn't working at all and the widths of the second level are a little screwy with the text running over the right edge. In IE6, on the horizontal menu, when you hover, the block widens enough to pop the last item to the next line. I can't track down what's doing that. In the vertical menu, the third level also isn't working, the heights of the items change on hover and the widths aren't working the same as in FF. But I feel I'm making progress! Any help on these issues is very much appreciated. Thanks, Jody On Oct 23, 2008, at 11:00 AM, Bob Meetin wrote: Jody Levinson wrote: These menus work so well in IE7 and FF, but they are completely unusable in IE6. Can anyone please help or point me toward some resources to resolve it or work around it? Thank you. http://atlas-inspection.com/newsite/ http://www.atlas-inspection.com/newsite/styles.css Thank you for any assistance! Jody I have a number of menu examples of drop-down menus based on the Eric Meyer examples from 'More Eric Meyer on CSS' on this page. They use a csshover.htc file to make it work in IE6. http://www.dottedi.biz/codesamples/ My question, what does fly-out menu actually mean? -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax -- Bob Meetin www.dottedi.biz 303-926-0167 Hook up with me on Twitter, Facebook, LinkedIn, Plaxo Pulse and Bebo or catch my blog at www.dottedi.biz/blog.php Standards - you gotta love em - there are so many to choose from! -- TroutDream Graphics, Inc. Always fresh. Never canned. http://troutdream.com 425-883-8277 928-833-8277 fax __ css-discuss [EMAIL PROTECTED] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
