Cannot get my menu to behave as desired in FF
Last Post 07/08/2009 9:08 AM by Lee Sykes. 4 Replies.
Author Messages
lpatrick33
Posts:10


--
07/06/2009 8:41 AM
    I have a vertical menu and I cannot get the spacing correct in Firefox.



    I want space and a white line between each entry. So far I can get space in between the entries in IE, not in FF. I don't know how to get my white line between each entry.



    Here's my code so far. Help would be greatly appreciated.








    CssClass="TreeViewMenu" HeaderCssClass="TreeViewMenu_Header" HeaderTextCssClass="Head"



    .TreeViewMenu

    {

    background-color:#9b9e9f;

    NodeLeafImage : none;

    }

    .Normal

    {

    padding-top:8px;

    padding-left:10px;

    padding-bottom:10px;

    margin-bottom: 00px;

    /* border-bottom: 10px; */

    font-family:Arial;

    font-size:18px;

    color:#775B77;

    font-weight: 500;

    clear:both;

    text-decoration:none;

    height: 40px;

    border-bottom: 1px;

    border-bottom-color: White;

    }

    .Normal a {

    padding-bottom:20px;

    margin-bottom: 10px;

    font-family:Arial;

    color:#775B77;

    font-weight: 500;

    clear:both;

    text-decoration:none;

    }

    .Normal a:hover {

    color:#EAEAEA;

    }

    .TreeViewMenu_Header

    {

    visibility: hidden;

    }

    Level="root" NoWrap="true" TreeIndentWidth="5" />
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    07/07/2009 9:06 AM
    do you have a url we can look at, it's easier to look at the code on a live site - or could you attach your full skin files as a zip to the forum post, thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile
    lpatrick33
    Posts:10


    --
    07/07/2009 2:06 PM
    The site is at http://www.metanexus.net/gnn

    Please view in FF, as that's the issue. 

    I cannot figure out how to get the entries to have space between them or put a line between them...it seems to treat the whole menu as one entry.

    Thanks!
    lpatrick33
    Posts:10


    --
    07/07/2009 2:07 PM
    p.s. I've probably changed some of the settings in the code for the menu at this point. I've just been attempting various settings to see if anything works.
    Lee Sykes
    DNN Creative Staff
    Nuke Master VI
    Nuke Master VI
    Posts:4945


    --
    07/08/2009 9:08 AM
    hello,

    I could find a way to add a white line underneath each menu item, but the width only spanned the width of the text, rather than the width of the menu box.

    To be honest, the Treeview menu is not that easy to style, if you wish to create a vertical menu, I would look at a CSS menu as it is much easier to set the stylings that you require with a CSS menu. (and they are search engine friendly)

    CSS menus that are available are the HouseMenu (free) and the Snapsis menu (purchase)

    I have created tutorials on how to create a vertical house menu here:
    How to create a pure CSS skin (video 7)

    In that tutorial I used house menu skin object v1.3

    Thanks,
    Lee Sykes
    Site Administrator
    Subscribe to the website : DotNetNuke Video Tutorials : The Skinning Toolkit : DotNetNuke Podcasts

    Twitter: www.twitter.com/DNNCreative

    Lee Sykes's Facebook Profile


    ---