Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Centering root menu items within tableCentering root menu items within table
Previous
 
Next
New Post
5/5/2010 3:30 AM
 
Hey Rick and anyone else who can help, I have another question..
Using DNN5, I have the horizontal MainMenu placed within a table and the CSS is as follows:

/* main menu td */
.mainMenu
{
    background-image:url(images/NavigationBackground_05.jpg);
    background-repeat:no-repeat;
    width: 907px;
    background-color: #f9f6e8;
    cursor:pointer;
}

/* Main Menu Normal */
.mainMenu .root.mi
{   
    background-repeat:no-repeat;
    width:169px;
    height:72px;
    vertical-align:middle;
    color: #FFFFFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;    
    text-align:center;
    padding:23px 0px 0px 0px;
    text-transform:uppercase;
    margin-right:1px;   
    float:left;
}

As you can see there is a left float applied to the root menu item, this is preventing the menu from centering within the table. I can't remove the float or the menu will cascade vertically, even if I change to: ControlOrientation="Vertical". So my question is how do I center the menu within a table whilst still using float.

Thanks in advance.
Jess
 
New Post
5/5/2010 6:29 AM
 

Jess,

Try the following CSS:

.mainMenu .root.mi{
display:inline;
}

This should get them to display as a row of links.

Here's an article that covers the same topic: http://24ways.org/2005/centered-tabs-...

I've never created a centered nav before so don't have the exact solution.

Rick.



PSDtoDNN - You supply the artwork... we'll build the skins!™
Website | Twitter | YouTube | Skype
 
New Post
5/6/2010 4:55 AM
 
Jess,

Did you mean that you have set ControlOrientation="Horizontal"? If you set that and you still see a Vertically cascaded menu, then chances are the container isn't wide enough for the menu, and will need tweaking.

If you can clarify that before we move on, that would be great.

Thanks.

Mike Palmer.


Mike Palmer
Webmaster
Tentribes.
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Centering root menu items within tableCentering root menu items within table


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out