snapsis css navigation
Last Post 11/17/2007 5:41 PM by David. 2 Replies.
Author Messages
Chuck Rizzio
Nuker
Nuker
Posts:13


--
11/15/2007 2:59 PM
    Wondering if anyone is familiar with the Snapsis menu, and even if you are not but efficient in understanding css navigation you may be able to help as well.

    Below is the css for my parent tabs in my menu.  I want the graphics to show up when active and when hovering.  Active works fine in both browsers but the hover background does not work properly in IE but works in FF.  Only the anchor [a] bg shows on the hover in IE, not the [li].

    Any ideas as to why? I'd appreciate it very much.

    Thanks!

    /*
    #ParentTabs a { float:none; }
    #ParentTabsContainer {vertical-align:top; padding-top: 0px; padding-right:0px; padding-left: 0px; }
    #ParentTabs a {float:left;  text-align:center; padding:10px 10px 10px 0; text-decoration:none; color:#FFFFFF; }
    #ParentTabs a:hover { text-decoration:none; color:#fff; background:url(my_tabs.gif) no-repeat 100% -40px;  }
    #ParentTabs li {padding:0 0 0 10px; margin:0 3px 0 0; }
    #ParentTabs li:hover, #ParentTabs li.hover{background:url(my_tabs.gif) #000 no-repeat 0px -40px;}
    #ParentTabs .SelectedTab {border-width:0; font-weight:normal; background:url(my_tabs.gif) no-repeat 0px -40px; }
    #ParentTabs .SelectedTab a{color:#0072bc; background:url(my_tabs.gif) no-repeat 100% -40px; }
    #ParentTabs .SelectedTab a:hover{color:#0072bc;text-decoration:underline;}
    #PortalContainer{ border:5px solid #FF0000; border-collapse:collapse; height:100%; min-height:100%; width:100%; }
    */

     



    Joseph Craig
    DNN MVP
    Posts:11667


    --
    11/16/2007 5:44 PM
    I use the Snapsis menu on several sites. I've not only found it to be very good, but I've found John Mitchell to be a wonderful resource. If you haven't asked your question at his support site, I'd suggest you do that.

    In the meantime ... following Lee's suggestions, I've found the Web Developer's Toolbar to be quite useful for debugging skins and css files, and this is one of them. Granted, it's less useful debugging errors that involve images, but it can be helpful.


    Joe Craig, Patapsco Research Group
    Complete DNN Support
    David
    Nuke Master
    Nuke Master
    Posts:152


    --
    11/17/2007 5:41 PM
    I too use the Snapsis menu on my site it works great and John is really responsive when ther is an issue!  I am just now doing an xhtml skin and found what appears to be a minor bug in the version of the menu I am using, but expect that John will address the issue quickly as he has done in the past.

    If you want to see a site with one of his menus try min www.AgingSafely.com

    BTW if you want to speed up you site by a HUGE amount fron  Snapsis PageBlaster.  I tried all of the suggesting on speeding up DNN that were in the DNN forums, but none of them had  2% of the effect that PageBlaster had.  It also fixed a couple of serious SEO issues for me.  What is really amazing is that all this was done using his FREE version.

    Regards,

    DaveS


    ---