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 NAV menuCentering NAV menu
Previous
 
Next
New Post
9/15/2010 1:57 PM
 
I'm skinning a site and would like for the NAV menu to be centered on the page.  I have previously done this before on sites (pre 5.5) simply by using the <center> tag in the index.ascx file.  Though the site I'm working with now is a new install (5.5) and the <center> tag alone doesn't seem to get it done.  I don't know that the version of DNN matters though. 

I have been tweaking the page trying to figure it out and I am only able to get the NAV menu to center by wrapping the Nav with the "template_style" class and then wrapping it with a <center> tag.  Though this only works in Chrome, Safari, and Firefox.  IE doesn't like any variation of the code.  I feel like there is a better way.

Does anybody know a way to get the NAV menu to center in IE? or an easier way to handle this situation?

Any insight is appreciated

Thanks!

Clint
 
New Post
9/15/2010 5:01 PM
 
Are you working with the default skin? or a custom skin?

Chris Hammond
Former DNN Corp Employee, MVP, Core Team Member, Trustee
Christoc.com Software Solutions DotNetNuke Module Development, Upgrades and consulting.
dnnCHAT.com a chat room for DotNetNuke discussions
 
New Post
9/15/2010 11:16 PM
 
Chris,

Thanks for the quick response... what I did was make a copy of the default skin (minimal extropy), rename it, then start tweaking to fit my design.  I haven't really changed much about it other than some CSS and rearranging the asp tags within the index.ascx.  I've tried {margin: 0 auto;} in CSS, the center tag in HTML, and anything else that I can find other users writing about, but can't get it to work in IE.  Does what I need it to do in Firefox, Safari, & Chrome.

Regards,

Clint
 
New Post
9/16/2010 3:37 AM
 
I guess you forgot to copy and rename the "skinname".doctype.xml file and thus the skin is not in XHTML.
I that case IE does not render very well.
 
New Post
9/16/2010 8:39 AM
 
I'm not sure if that is it... I copied the folder, then renamed the folder, but the file names are still intact and have not been changed so it should still be XHTML compliant.  I've got the following files in the skin folder:
  • index.ascx
  • index.css
  • index.doctype.xml
  • index.html
  • index.jpg
  • license.txt
  • release notes.txt
  • skin.css
  • thumbnail_index.jpg

+ the 4 subfolders

Am I misunderstanding something?

Clint

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Centering NAV menuCentering NAV menu


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