Re: css menu helper mouseover broken
btw, padding: 2px; works, too, and looks better. 1px does not work. ymmv On Oct 27, 3:00 pm, rogwei <[EMAIL PROTECTED]> wrote: > The world of written communication is perilous, Mark. If you are > referring to my reply to Dardo, yes it was facetious, as I found it > exceedingly vague. My post immediately preceding yours is not > facetious. In fact, the conditional stylesheet fix did not work (for > me). I could not get any result from adjusting margins. I decided to > remove all positioning in the main stylesheet, css_menu.css, and found > a counter-intuitive result. When I removed the padding for the > ul.css_menu li, MORE space was created between the parent and child. I > reversed that move and instead increased padding to 3px (from 0.1em) > in the ul.css_menu li and that cured it in IE and Opera with no ill > effects in Firefox. I call that a real css solution. > > BTW, thanks for your suggested links and search queries, those might > indeed come in handy in the future. > > On Oct 27, 8:54 am, mark_story <[EMAIL PROTECTED]> wrote: > > > I'm hoping that was a facetious post, otherwise you are going to have > > bigger troubles than just getting IE to behave. > > Try positioniseverything.net, or googling something more useful that > > 'it', perhaps 'IE css bug' or 'IE css hacks'. > > > -Mark > > > On Oct 26, 1:29 pm, rogwei <[EMAIL PROTECTED]> wrote: > > > > Here is what I get when I google "it" -- which result should I look > > > at? > > > > # > > > Information technology - Wikipedia, the free encyclopedia > > > This article includes a list of references or external links, but its > > > sources remain unclear because it lacks inline citations. ... > > > en.wikipedia.org/wiki/Information_technology - 52k - Cached - Similar > > > pages - Note this > > > # > > > IT World > > > ITworld.com helps information technology professionals make informed > > > strategic decisions by providing insight on a wide range of technical > > > topics, ...www.itworld.com/-76k- Cached - Similar pages - Note this > > > # > > > Slashdot - News for nerds, stuff that matters > > > The article is light on details, but it hints at a security hole in > > > the browser, ... It is just the software program that interacts with > > > the voter. ... > > > it.slashdot.org/ - 70k - Cached - Similar pages - Note this > > > # > > > > Video results for it > > > YouTube - OK Go - Here It Goes Again > > > 3 min 4 secwww.youtube.com > > > > Michael Jackson - Beat It > > > 4 min 57 secwww.youtube.com > > > # > > > Toolbox for IT Professional Communities > > > Toolbox for IT. Share and compare information with 1.3 million > > > professionals ... IT Community Topics. IT Management & Trends ... > > > it.toolbox.com/ - 38k - Cached - Similar pages - Note this > > > # > > > Computerworld's IT Careers - Search Jobs, Recruiting, Hiring ... > > > Computerworld, the 'Voice of IT Management' is your information source > > > for education, training, recruiting, outsourcing, hiring, search jobs, > > > consulting and ...www.itcareers.com/-17k- Cached - Similar pages - Note > > > this > > > # > > > WhatIs.com definitions, computer terms, tech glossaries and cheat ... > > > Part of the TechTarget Network of Enterprise IT Web Sites ... > > > Definitions for thousands of the most current IT-related words. ... > > > whatis.techtarget.com/ - 89k - Cached - Similar pages - Note this > > > # > > > Apple - IT Pro > > > Get information about Apple solutions for IT managers and technology > > > professionals.www.apple.com/itpro/-27k- Cached - Similar pages - Note this > > > # > > > Research-It > > > iTools Internet tools: Search, research, reference, look up or > > > translate just about anything in one place.www.itools.com/-35k- Cached - > > > Similar pages - Note this --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "CakePHP" group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: css menu helper mouseover broken
The world of written communication is perilous, Mark. If you are referring to my reply to Dardo, yes it was facetious, as I found it exceedingly vague. My post immediately preceding yours is not facetious. In fact, the conditional stylesheet fix did not work (for me). I could not get any result from adjusting margins. I decided to remove all positioning in the main stylesheet, css_menu.css, and found a counter-intuitive result. When I removed the padding for the ul.css_menu li, MORE space was created between the parent and child. I reversed that move and instead increased padding to 3px (from 0.1em) in the ul.css_menu li and that cured it in IE and Opera with no ill effects in Firefox. I call that a real css solution. BTW, thanks for your suggested links and search queries, those might indeed come in handy in the future. On Oct 27, 8:54 am, mark_story <[EMAIL PROTECTED]> wrote: > I'm hoping that was a facetious post, otherwise you are going to have > bigger troubles than just getting IE to behave. > Try positioniseverything.net, or googling something more useful that > 'it', perhaps 'IE css bug' or 'IE css hacks'. > > -Mark > > On Oct 26, 1:29 pm, rogwei <[EMAIL PROTECTED]> wrote: > > > Here is what I get when I google "it" -- which result should I look > > at? > > > # > > Information technology - Wikipedia, the free encyclopedia > > This article includes a list of references or external links, but its > > sources remain unclear because it lacks inline citations. ... > > en.wikipedia.org/wiki/Information_technology - 52k - Cached - Similar > > pages - Note this > > # > > IT World > > ITworld.com helps information technology professionals make informed > > strategic decisions by providing insight on a wide range of technical > > topics, ...www.itworld.com/-76k - Cached - Similar pages - Note this > > # > > Slashdot - News for nerds, stuff that matters > > The article is light on details, but it hints at a security hole in > > the browser, ... It is just the software program that interacts with > > the voter. ... > > it.slashdot.org/ - 70k - Cached - Similar pages - Note this > > # > > > Video results for it > > YouTube - OK Go - Here It Goes Again > > 3 min 4 secwww.youtube.com > > > Michael Jackson - Beat It > > 4 min 57 secwww.youtube.com > > # > > Toolbox for IT Professional Communities > > Toolbox for IT. Share and compare information with 1.3 million > > professionals ... IT Community Topics. IT Management & Trends ... > > it.toolbox.com/ - 38k - Cached - Similar pages - Note this > > # > > Computerworld's IT Careers - Search Jobs, Recruiting, Hiring ... > > Computerworld, the 'Voice of IT Management' is your information source > > for education, training, recruiting, outsourcing, hiring, search jobs, > > consulting and ...www.itcareers.com/-17k - Cached - Similar pages - Note > > this > > # > > WhatIs.com definitions, computer terms, tech glossaries and cheat ... > > Part of the TechTarget Network of Enterprise IT Web Sites ... > > Definitions for thousands of the most current IT-related words. ... > > whatis.techtarget.com/ - 89k - Cached - Similar pages - Note this > > # > > Apple - IT Pro > > Get information about Apple solutions for IT managers and technology > > professionals.www.apple.com/itpro/-27k - Cached - Similar pages - Note this > > # > > Research-It > > iTools Internet tools: Search, research, reference, look up or > > translate just about anything in one place.www.itools.com/-35k - Cached - > > Similar pages - Note this --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "CakePHP" group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: css menu helper mouseover broken
I'm hoping that was a facetious post, otherwise you are going to have bigger troubles than just getting IE to behave. Try positioniseverything.net, or googling something more useful that 'it', perhaps 'IE css bug' or 'IE css hacks'. -Mark On Oct 26, 1:29 pm, rogwei <[EMAIL PROTECTED]> wrote: > Here is what I get when I google "it" -- which result should I look > at? > > # > Information technology - Wikipedia, the free encyclopedia > This article includes a list of references or external links, but its > sources remain unclear because it lacks inline citations. ... > en.wikipedia.org/wiki/Information_technology - 52k - Cached - Similar > pages - Note this > # > IT World > ITworld.com helps information technology professionals make informed > strategic decisions by providing insight on a wide range of technical > topics, ...www.itworld.com/- 76k - Cached - Similar pages - Note this > # > Slashdot - News for nerds, stuff that matters > The article is light on details, but it hints at a security hole in > the browser, ... It is just the software program that interacts with > the voter. ... > it.slashdot.org/ - 70k - Cached - Similar pages - Note this > # > > Video results for it > YouTube - OK Go - Here It Goes Again > 3 min 4 secwww.youtube.com > > Michael Jackson - Beat It > 4 min 57 secwww.youtube.com > # > Toolbox for IT Professional Communities > Toolbox for IT. Share and compare information with 1.3 million > professionals ... IT Community Topics. IT Management & Trends ... > it.toolbox.com/ - 38k - Cached - Similar pages - Note this > # > Computerworld's IT Careers - Search Jobs, Recruiting, Hiring ... > Computerworld, the 'Voice of IT Management' is your information source > for education, training, recruiting, outsourcing, hiring, search jobs, > consulting and ...www.itcareers.com/- 17k - Cached - Similar pages - Note this > # > WhatIs.com definitions, computer terms, tech glossaries and cheat ... > Part of the TechTarget Network of Enterprise IT Web Sites ... > Definitions for thousands of the most current IT-related words. ... > whatis.techtarget.com/ - 89k - Cached - Similar pages - Note this > # > Apple - IT Pro > Get information about Apple solutions for IT managers and technology > professionals.www.apple.com/itpro/- 27k - Cached - Similar pages - Note this > # > Research-It > iTools Internet tools: Search, research, reference, look up or > translate just about anything in one place.www.itools.com/- 35k - Cached - > Similar pages - Note this --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "CakePHP" group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: css menu helper mouseover broken
lol re: Opera, however, I like this quote from quirksmode.org [quote] I use conditional comments, though sparingly. First I see if I can find a real CSS solution to an Explorer Windows problem. If I can't, though, I don't hesitate to use them. [/quote] Regardless of Opera market share, the fact that this problem occurs in Opera suggests that there is a 'real' CSS solution? I thought Opera was supposed to be the real stardards bearer, no pun intended, among browsers. On Oct 26, 12:52 pm, Adam Royle <[EMAIL PROTECTED]> wrote: > Yes, chuck it in your layout. Search for "ie conditional stylesheet" > and you'll see reference to my code above. When Opera gains > marketshare I'll give two hoots. > > On Oct 27, 4:02 am, rogwei <[EMAIL PROTECTED]> wrote: > > > Adam, thanks for your suggestion. Just to be clear, this code is in > > your ctp/html? And you are defining 'IE' somewhere, or is that pseudo- > > code? > > > Also, as I said in the problem statement, this happens in Opera, too. > > > On Oct 25, 10:14 am, Adam Royle <[EMAIL PROTECTED]> wrote: > > > > I workaround this problem by defining a different margin-bottom value > > > for IE using conditional styles... > > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "CakePHP" group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: css menu helper mouseover broken
Yes, chuck it in your layout. Search for "ie conditional stylesheet" and you'll see reference to my code above. When Opera gains marketshare I'll give two hoots. On Oct 27, 4:02 am, rogwei <[EMAIL PROTECTED]> wrote: > Adam, thanks for your suggestion. Just to be clear, this code is in > your ctp/html? And you are defining 'IE' somewhere, or is that pseudo- > code? > > Also, as I said in the problem statement, this happens in Opera, too. > > On Oct 25, 10:14 am, Adam Royle <[EMAIL PROTECTED]> wrote: > > > I workaround this problem by defining a different margin-bottom value > > for IE using conditional styles... > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "CakePHP" group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: css menu helper mouseover broken
Adam, thanks for your suggestion. Just to be clear, this code is in your ctp/html? And you are defining 'IE' somewhere, or is that pseudo- code? Also, as I said in the problem statement, this happens in Opera, too. On Oct 25, 10:14 am, Adam Royle <[EMAIL PROTECTED]> wrote: > I workaround this problem by defining a different margin-bottom value > for IE using conditional styles... > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "CakePHP" group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: css menu helper mouseover broken
Here is what I get when I google "it" -- which result should I look at? # Information technology - Wikipedia, the free encyclopedia This article includes a list of references or external links, but its sources remain unclear because it lacks inline citations. ... en.wikipedia.org/wiki/Information_technology - 52k - Cached - Similar pages - Note this # IT World ITworld.com helps information technology professionals make informed strategic decisions by providing insight on a wide range of technical topics, ... www.itworld.com/ - 76k - Cached - Similar pages - Note this # Slashdot - News for nerds, stuff that matters The article is light on details, but it hints at a security hole in the browser, ... It is just the software program that interacts with the voter. ... it.slashdot.org/ - 70k - Cached - Similar pages - Note this # Video results for it YouTube - OK Go - Here It Goes Again 3 min 4 sec www.youtube.com Michael Jackson - Beat It 4 min 57 sec www.youtube.com # Toolbox for IT Professional Communities Toolbox for IT. Share and compare information with 1.3 million professionals ... IT Community Topics. IT Management & Trends ... it.toolbox.com/ - 38k - Cached - Similar pages - Note this # Computerworld's IT Careers - Search Jobs, Recruiting, Hiring ... Computerworld, the 'Voice of IT Management' is your information source for education, training, recruiting, outsourcing, hiring, search jobs, consulting and ... www.itcareers.com/ - 17k - Cached - Similar pages - Note this # WhatIs.com definitions, computer terms, tech glossaries and cheat ... Part of the TechTarget Network of Enterprise IT Web Sites ... Definitions for thousands of the most current IT-related words. ... whatis.techtarget.com/ - 89k - Cached - Similar pages - Note this # Apple - IT Pro Get information about Apple solutions for IT managers and technology professionals. www.apple.com/itpro/ - 27k - Cached - Similar pages - Note this # Research-It iTools Internet tools: Search, research, reference, look up or translate just about anything in one place. www.itools.com/ - 35k - Cached - Similar pages - Note this --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "CakePHP" group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: css menu helper mouseover broken
Did you notice that it also happens in Opera, which from what I can tell is somewhat rigorous when it comes to starndards compliance. On Oct 25, 4:15 pm, "Dardo Sordi Bogado" <[EMAIL PROTECTED]> wrote: > It's a well known IE rendering bug (also the solution is well known), > just google it... > > On Sat, Oct 25, 2008 at 3:14 PM, Adam Royle <[EMAIL PROTECTED]> wrote: > > > I workaround this problem by defining a different margin-bottom value > > for IE using conditional styles... > > > > > > On Oct 26, 12:52 am, rogwei <[EMAIL PROTECTED]> wrote: > >> Hi, > > >> I added a comment in the Bakery to the CSS Menu Helper page > >> here:http://bakery.cakephp.org/articles/view/css-menu-helper > > >> Here is a duplicate of my comment: > > >> #begin comment > >> 4 gap between parent and child breaks menu > >> In IE and Opera, there is a small but visible gap between the parent > >> li and the child li that breaks the menu functionality. For some > >> reason, Firefox renders the parent and child li elements without the > >> gap, so you can move the mouse easily from one to the other without > >> the child li elements disappearing. Obviously, the gap translates to a > >> mouseout event which removes the child li elements. With some effort > >> (in IE and Opera), I can move the mouse quickly enough but not too > >> far, so that I am able to mouseover the child element before the > >> mouseout on the parent is handled. That's all beside the point. The > >> real question is what is causing the gap and how to get rid of it. I > >> am using the css_menu.css as is. Fwiw, here is my helper function call > >> echo $cssMenu->menu(array('Activities'=> array('Add'=> $this->base.'/ > >> activities/add','List'=> $this->base.'/activities/index')),'down'); > >> #end comment > > >> I haven't gotten a reply. Has anyone else noticed this behavior or can > >> suggest a fix? Thanks much. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "CakePHP" group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: css menu helper mouseover broken
It's a well known IE rendering bug (also the solution is well known), just google it... On Sat, Oct 25, 2008 at 3:14 PM, Adam Royle <[EMAIL PROTECTED]> wrote: > > I workaround this problem by defining a different margin-bottom value > for IE using conditional styles... > > > > > > On Oct 26, 12:52 am, rogwei <[EMAIL PROTECTED]> wrote: >> Hi, >> >> I added a comment in the Bakery to the CSS Menu Helper page >> here:http://bakery.cakephp.org/articles/view/css-menu-helper >> >> Here is a duplicate of my comment: >> >> #begin comment >> 4 gap between parent and child breaks menu >> In IE and Opera, there is a small but visible gap between the parent >> li and the child li that breaks the menu functionality. For some >> reason, Firefox renders the parent and child li elements without the >> gap, so you can move the mouse easily from one to the other without >> the child li elements disappearing. Obviously, the gap translates to a >> mouseout event which removes the child li elements. With some effort >> (in IE and Opera), I can move the mouse quickly enough but not too >> far, so that I am able to mouseover the child element before the >> mouseout on the parent is handled. That's all beside the point. The >> real question is what is causing the gap and how to get rid of it. I >> am using the css_menu.css as is. Fwiw, here is my helper function call >> echo $cssMenu->menu(array('Activities'=> array('Add'=> $this->base.'/ >> activities/add','List'=> $this->base.'/activities/index')),'down'); >> #end comment >> >> I haven't gotten a reply. Has anyone else noticed this behavior or can >> suggest a fix? Thanks much. > > > --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "CakePHP" group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
Re: css menu helper mouseover broken
I workaround this problem by defining a different margin-bottom value for IE using conditional styles... On Oct 26, 12:52 am, rogwei <[EMAIL PROTECTED]> wrote: > Hi, > > I added a comment in the Bakery to the CSS Menu Helper page > here:http://bakery.cakephp.org/articles/view/css-menu-helper > > Here is a duplicate of my comment: > > #begin comment > 4 gap between parent and child breaks menu > In IE and Opera, there is a small but visible gap between the parent > li and the child li that breaks the menu functionality. For some > reason, Firefox renders the parent and child li elements without the > gap, so you can move the mouse easily from one to the other without > the child li elements disappearing. Obviously, the gap translates to a > mouseout event which removes the child li elements. With some effort > (in IE and Opera), I can move the mouse quickly enough but not too > far, so that I am able to mouseover the child element before the > mouseout on the parent is handled. That's all beside the point. The > real question is what is causing the gap and how to get rid of it. I > am using the css_menu.css as is. Fwiw, here is my helper function call > echo $cssMenu->menu(array('Activities'=> array('Add'=> $this->base.'/ > activities/add','List'=> $this->base.'/activities/index')),'down'); > #end comment > > I haven't gotten a reply. Has anyone else noticed this behavior or can > suggest a fix? Thanks much. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "CakePHP" group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---
css menu helper mouseover broken
Hi, I added a comment in the Bakery to the CSS Menu Helper page here: http://bakery.cakephp.org/articles/view/css-menu-helper Here is a duplicate of my comment: #begin comment 4 gap between parent and child breaks menu In IE and Opera, there is a small but visible gap between the parent li and the child li that breaks the menu functionality. For some reason, Firefox renders the parent and child li elements without the gap, so you can move the mouse easily from one to the other without the child li elements disappearing. Obviously, the gap translates to a mouseout event which removes the child li elements. With some effort (in IE and Opera), I can move the mouse quickly enough but not too far, so that I am able to mouseover the child element before the mouseout on the parent is handled. That's all beside the point. The real question is what is causing the gap and how to get rid of it. I am using the css_menu.css as is. Fwiw, here is my helper function call echo $cssMenu->menu(array('Activities'=> array('Add'=> $this->base.'/ activities/add','List'=> $this->base.'/activities/index')),'down'); #end comment I haven't gotten a reply. Has anyone else noticed this behavior or can suggest a fix? Thanks much. --~--~-~--~~~---~--~~ You received this message because you are subscribed to the Google Groups "CakePHP" group. To post to this group, send email to cake-php@googlegroups.com To unsubscribe from this group, send email to [EMAIL PROTECTED] For more options, visit this group at http://groups.google.com/group/cake-php?hl=en -~--~~~~--~~--~--~---