[css-d] Sprite Menu - Hover Issue for Newly-Added Item
Hi All, I've a sprite menu that I just updated by adding another menu item, C-MUG to it. I've re-calculated all the numbers and everything seems to be set up correctly. It's working correctly on jsfiddle (http://jsfiddle.net/gPNF4/) but for some reason, on my development server and on the production server the hover state is only being triggered for the original five items, not C-MUG. If I check in firebug, I can see the nav-cmug class and surrounding div isn't being generated on hover on my servers. (Current page state works, just not hover). I've tried clearing browser caches, renaming the sprite image, etc. but no dice. Anyone have any idea as to what could be causing this or how to fix? Thx, Pete __ css-discuss [css-d@lists.css-discuss.org] 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] Sprite Menu - Hover Issue for Newly-Added Item
Can we have a link to the actual site with the issue? On Fri, Jul 26, 2013 at 5:27 PM, Peter Ankelein pankel...@mdsol.com wrote: Hi All, I've a sprite menu that I just updated by adding another menu item, C-MUG to it. I've re-calculated all the numbers and everything seems to be set up correctly. It's working correctly on jsfiddle (http://jsfiddle.net/gPNF4/) but for some reason, on my development server and on the production server the hover state is only being triggered for the original five items, not C-MUG. If I check in firebug, I can see the nav-cmug class and surrounding div isn't being generated on hover on my servers. (Current page state works, just not hover). I've tried clearing browser caches, renaming the sprite image, etc. but no dice. Anyone have any idea as to what could be causing this or how to fix? Thx, Pete __ css-discuss [css-d@lists.css-discuss.org] 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/ -- Tom Livingston | Senior Front-End Developer | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.com __ css-discuss [css-d@lists.css-discuss.org] 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] Sprite Menu - Hover Issue for Newly-Added Item
On Fri, Jul 26, 2013 at 6:25 PM, Tom Livingston tom...@gmail.com wrote: Can we have a link to the actual site with the issue? Try this: http://www.mdsol.com/conferences/mug/test.html. __ css-discuss [css-d@lists.css-discuss.org] 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] Sprite Menu - Hover Issue for Newly-Added Item
What JS script is adding 'background-image:none'? On Fri, Jul 26, 2013 at 6:41 PM, Peter Ankelein pankel...@mdsol.com wrote: On Fri, Jul 26, 2013 at 6:25 PM, Tom Livingston tom...@gmail.com wrote: Can we have a link to the actual site with the issue? Try this: http://www.mdsol.com/conferences/mug/test.html. __ css-discuss [css-d@lists.css-discuss.org] 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/ -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] 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] Sprite Menu - Hover Issue for Newly-Added Item
Nevermind, I see it in nav.js. It looks like you add an inline style via this script, but you never remove it. The inline style will trump your stylesheet unless you use !important (not recommended). You never add cmug to via attachNavEvents. Can I ask why you're using JavaScript to do the background images? On Fri, Jul 26, 2013 at 7:05 PM, Chris Rockwell ch...@chrisrockwell.comwrote: What JS script is adding 'background-image:none'? On Fri, Jul 26, 2013 at 6:41 PM, Peter Ankelein pankel...@mdsol.comwrote: On Fri, Jul 26, 2013 at 6:25 PM, Tom Livingston tom...@gmail.com wrote: Can we have a link to the actual site with the issue? Try this: http://www.mdsol.com/conferences/mug/test.html. __ css-discuss [css-d@lists.css-discuss.org] 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/ -- Chris Rockwell -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] 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] Sprite Menu - Hover Issue for Newly-Added Item
Last one :) Not adding this: attachNavEvents(.nav, cmug); is the ultimate culprit, I believe. On Fri, Jul 26, 2013 at 7:08 PM, Chris Rockwell ch...@chrisrockwell.comwrote: Nevermind, I see it in nav.js. It looks like you add an inline style via this script, but you never remove it. The inline style will trump your stylesheet unless you use !important (not recommended). You never add cmug to via attachNavEvents. Can I ask why you're using JavaScript to do the background images? On Fri, Jul 26, 2013 at 7:05 PM, Chris Rockwell ch...@chrisrockwell.comwrote: What JS script is adding 'background-image:none'? On Fri, Jul 26, 2013 at 6:41 PM, Peter Ankelein pankel...@mdsol.comwrote: On Fri, Jul 26, 2013 at 6:25 PM, Tom Livingston tom...@gmail.com wrote: Can we have a link to the actual site with the issue? Try this: http://www.mdsol.com/conferences/mug/test.html. __ css-discuss [css-d@lists.css-discuss.org] 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/ -- Chris Rockwell -- Chris Rockwell -- Chris Rockwell __ css-discuss [css-d@lists.css-discuss.org] 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] Sprite Menu - Hover Issue for Newly-Added Item
Well, hey! Apparently, I couldn't see the forest through the trees! I built the site years ago and the nav was based on the CSS or navigation matrix (what some folks were calling it at the time) and was my first attempt at moving from JS rollovers and sliced images. TBH, I don't remember where the JS came in. Feeling a bit sheepish now as I totally forgot about nav.js and it had me pulling my hair out. Cheers and thanks for the help! Pete On Fri, Jul 26, 2013 at 7:09 PM, Chris Rockwell ch...@chrisrockwell.comwrote: Last one :) Not adding this: attachNavEvents(.nav, cmug); is the ultimate culprit, I believe. On Fri, Jul 26, 2013 at 7:08 PM, Chris Rockwell ch...@chrisrockwell.comwrote: Nevermind, I see it in nav.js. It looks like you add an inline style via this script, but you never remove it. The inline style will trump your stylesheet unless you use !important (not recommended). You never add cmug to via attachNavEvents. Can I ask why you're using JavaScript to do the background images? On Fri, Jul 26, 2013 at 7:05 PM, Chris Rockwell ch...@chrisrockwell.comwrote: What JS script is adding 'background-image:none'? __ css-discuss [css-d@lists.css-discuss.org] 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] Sprite Menu - Hover Issue for Newly-Added Item
Great, stoked I could help! On Jul 26, 2013 8:53 PM, Peter Ankelein pankel...@mdsol.com wrote: Well, hey! Apparently, I couldn't see the forest through the trees! I built the site years ago and the nav was based on the CSS or navigation matrix (what some folks were calling it at the time) and was my first attempt at moving from JS rollovers and sliced images. TBH, I don't remember where the JS came in. Feeling a bit sheepish now as I totally forgot about nav.js and it had me pulling my hair out. Cheers and thanks for the help! Pete On Fri, Jul 26, 2013 at 7:09 PM, Chris Rockwell ch...@chrisrockwell.comwrote: Last one :) Not adding this: attachNavEvents(.nav, cmug); is the ultimate culprit, I believe. On Fri, Jul 26, 2013 at 7:08 PM, Chris Rockwell ch...@chrisrockwell.comwrote: Nevermind, I see it in nav.js. It looks like you add an inline style via this script, but you never remove it. The inline style will trump your stylesheet unless you use !important (not recommended). You never add cmug to via attachNavEvents. Can I ask why you're using JavaScript to do the background images? On Fri, Jul 26, 2013 at 7:05 PM, Chris Rockwell ch...@chrisrockwell.com wrote: What JS script is adding 'background-image:none'? __ css-discuss [css-d@lists.css-discuss.org] 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] sprite menu
2010/10/23 MEM tal...@gmail.com: Hello (again), I'm trying to accomplish the following: http://www.occ.nuvemk.com/CssMarcio/secundariaOcc.html With the above CSS: http://www.occ.nuvemk.com/CssMarcio/occ.css The floats seem to be understood on latest FF, Opera and Mac Safari - But on IE8 the clear seems to clear more then what it should. I will not say that it's IE8 fault etc... cause normally I'm the issue. :s Can I have your help? I have: a) corrected the markup. b) contain the floats with overflow property applied on the ul. c) give a explicit width to the ul so that, the out of the flow element could not go more upper then what it should. Seems to be ok now. http://www.occ.nuvemk.com/CssMarcio/secundariaOcc2.html Thanks for the previous answers... ;) Márcio __ css-discuss [cs...@lists.css-discuss.org] 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/