superfish css issue

A place for discussion about skinning and design. Before posting questions here you should review the documentation about creating skins.

This thread is closed to new posts. You must sign in to post in the forums.
7/12/2011 4:48:50 AM
buzibuzi
Gravatar
Total Posts 50
View Posts

superfish css issue

Hi,

im using the superfish menu.
the "li.sf-with-ul" class has extra padding which i can't seem to find where its coming from.

look here http://development.orchard1.info/

menu items with UL under them (sub items) have  padding that makes the items different from the normal menu items.(for example the whole top level items and "application") i would like to get rid of it.
i can't find anything related to this in the CSS.
Thanks

7/12/2011 7:56:23 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: superfish css issue

Normally I would suspect it is caused by the troubles with ASP.NET Menu, but when I check your site it looks like some other javascript related to cufon is also applying styles and changing elements in the menu. You will need to use Firebug to figure it out.

Hope that helps,

Joe

7/12/2011 10:47:31 AM
buzibuzi
Gravatar
Total Posts 50
View Posts

Re: superfish css issue

This is really strange. you are right, when i disable cufon it looks as it should....

so you think firebug can be more helpful than the google development tools in chrome ? this is what i usually use for development.

thanks

 

7/12/2011 10:53:34 AM
Joe Audette
Gravatar
Total Posts 18439
View Posts

Re: superfish css issue

I guess any browser dev tools should work since they allow you to see what the markup looks like after the javascript has modified it. I just find little things about Firebug that it make it my favorite, but maybe its just what I'm more used to. I actually use Chrome for main browsing, just in the habit of using FF when it comes to debugging.

Best,

Joe

8/8/2011 2:07:51 PM
buzibuzi
Gravatar
Total Posts 50
View Posts

Re: superfish css issue

BTW,

if anyone runs into this issue, i fixed it by changing

the cufon initiation script in the layout.Master file from:

<script type="text/javascript">

Cufon.replace('ul.sf-menu li');

</script>

to:

<script type="text/javascript">

Cufon.replace('ul.sf-menu li a');

</script>

 

You must sign in to post in the forums. This thread is closed to new posts.