Good Day Everyone! I'm completely new the DNN software (more familiar with CMS' such as Wordpress & Drupal). I've been able to create the master skin and create pages and skins where needed, but with this specific project I'm lost on how to get the menu to function correctly.

 Here is a link to what I need the menu to look like;

http://imfat.realviabledesigns.com/dir/wp-content/uploads/2014/07/menu.jpg

 

The problem is that I need the menu pages to be to left or right of the site logo and I can't seem to figure it out. 

 

I'm either using the standard menu that comes with DDN (DDR I believe) or Simple Menu.

 

In the html and css I have it set up as two div's each containing specific hard coded links but the client wants the menu system without losing the current format (as pictured in the image).

 

Any help would be greatly appreciated!

 

Thanks guys.

Thanks Geoff; I understand what you've said I just don't understand how to implement it.

I've verified that I'm using the DDR Simple Menu (it's the easiest one I can understand straight out of the box).

I'm using the following register and object id

<%@ Register TagPrefix="dnn" TagName="MENU" src="~/DesktopModules/DDRMenu/Menu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="MENU2" src="~/DesktopModules/DDRMenu/Menu.ascx" %>



I don't understand how or where to modify the function if not within the CSS file; this is very far from many system I've used previously and I'm still getting gaining traction with DNN.

thank you for your patience, information, and great lead into the right direction; hopefully my confusing can be cleared up a little more! :)

Thanks Timo; I really enjoy this suggestion of floating half of the menu to the left and half to the right, but I'm still having complications.

It seems as though my client is looking for more and more constraints on this project and they seem to be suffocating ><!!

 

#nav {
    float: right;
    position: relative;
    
}
 
#dnn_pnav li {
    position: relative;
    list-style: none;
    margin: 0;
}
 
    #dnn_pnav li ul {
        margin-left: 0;
    }
 
#dnn_pnav > li {
    float: left;
    height: 30px;
   
    margin-right: 2px;
}
/*top level*/
    #dnn_pnav > li > a, #dnn_pnav > li > span {
        display: block;
        width: 75px;
       /* height: 75px; */
        
        padding: 0px 0px 0px 0px;
        font-size: 14px;
        font-weight: bold;
        color: #FFFFFF;
        text-decoration: none;
    }
 
    #dnn_pnav > li > span {
        cursor: default;
    }
 
    /*#dnn_pnav > li:hover > a, #dnn_pnav > li.active > a {
        background-color: #FFFFFF;
    }*/
 
        #dnn_pnav > li:hover > a:active {
            color: #FFFFFF;
        }
 
    #dnn_pnav > li:hover > span {
        color: #FFFFFF;
    }


This is the following CSS I have for the simple menu  (which is what my client WANTS to use)for the primary top level (instead of delete what I dont use, I comment it out) and I can see that there is an attribute to float right, and one to float left, however neither is changing the final layout.

Inevitably the client will want to add more menu items, a bridge that I'll cross eventually, but how do I have it float to the left and right of the logo while still being able to adjust for more than six links?

I wish I understood how DNN Functioned better; it was so much simpler in html.