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, ...Menu ProblemMenu Problem
Previous
 
Next
New Post
11/7/2011 11:55 AM
 
Can anyone help me with this menu problem?  The menu bar is being consumed by the header bar. The menu should appear as a transparent bar, with the active menu item in a blue background box, underneath the grey header bar. But in fact, the header bar comes halfway down the menu area. If only I could paste a picture...<br /> <br /> The page.ascx file code is as follows:<br /> <br /> <%@ Control language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %><br /> <%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %><br /> <%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %><br /> <%@ Register TagPrefix="dnn" TagName="CURRENTDATE" Src="~/Admin/Skins/CurrentDate.ascx" %><br /> <%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %><br /> <%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %><br /> <%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %><br /> <%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %><br /> <%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %><br /> <%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %><br /> <%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %><br /> <%@ Register TagPrefix="dnn" TagName="STYLES" Src="~/Admin/Skins/Styles.ascx" %><br /> <%@ Register TagPrefix="dnn" TagName="LINKS" Src="~/Admin/Skins/Links.ascx" %><br /> <br /> <br /> <table width="100%" border="0" cellspacing="0" cellpadding="0"><br />   <tr><br />     <td valign="top"><table width="960" border="0" align="center" cellpadding="0" cellspacing="0"><br />       <tr><br />         <td valign="top"><table border="0" align="center" cellpadding="0" cellspacing="0"><br />           <tr><br />             <td><img src="<%= SkinPath %>images/header_left.png" /></td><br />             <td style="background:url('<%= SkinPath %>images/header_mid.png');"><table width="960" border="0" align="center" cellpadding="0" cellspacing="0"><br />               <tr><br />                 <td valign="top"><img src="<%= SkinPath %>images/spacer.gif" width="5" height="10" /></td><br />               </tr><br />               <tr><br />                 <td valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0"><br />                   <tr><br />                     <td width="1%" height="140"><dnn:LOGO runat="server" id="dnnLOGO" /><br />                       <!-- <img src="<%= SkinPath %>images/DDL-Insight-Logo5.gif" width="230" height="130" /></td> --><br />                     <td width="1%"><img src="<%= SkinPath %>images/spacer.gif" width="30" height="10" /></td><br />                     <td id="FirstPane2" runat="server"></td><br />                     </tr><br />                 </table></td><br />               </tr><br />               <tr><br />                 <td valign="top"><dnn:NAV runat="server" id="dnnNAV"<br /> ProviderName="DNNMenuNavigationProvider"<br /> IndicateChildren="False"<br /> ControlOrientation="Horizontal"<br /> CSSNodeRoot="main_dnnmenu_rootitem"<br /> CSSNodeHoverRoot="main_dnnmenu_rootitem_hover"<br /> CSSNodeSelectedRoot="main_dnnmenu_rootitem_selected"<br /> CSSBreadCrumbRoot="main_dnnmenu_rootitem_selected"<br /> CSSContainerSub="main_dnnmenu_submenu"<br /> CSSNodeHoverSub="main_dnnmenu_itemhover"<br /> CSSNodeSelectedSub="main_dnnmenu_itemselected"<br /> CSSContainerRoot="main_dnnmenu_container"<br /> CSSControl="main_dnnmenu_bar"<br /> CSSBreak="main_dnnmenu_break"<br /> /></td><br />               </tr><br />             </table></td><br />             <td><img src="<%= SkinPath %>images/header_right.png" /></td><br />           </tr><br />         </table></td><br /> <br /> Any help or guidance would be greatly appreciated.
 
New Post
11/7/2011 4:52 PM
 
DNN Version? Link to the site for a visual? Example of how it should look? The HTML page code doesn't help much when it could be related to CSS or any other thing.

Jeff
 
New Post
11/7/2011 5:11 PM
 
Sorry for the omission.  The site is running DNN 5.6.3. At the moment I have this skin loaded onto this page only www.ddlinsight.com.dnnmax.com/portal3.aspx. Here you can see how the header overlaps the menu bar.
 
New Post
11/7/2011 5:40 PM
 
You have a fixed height on the image that is serving as your background, even though you aren't using it as a background with CSS. Then you have the logo and other header content as a sub-table in the row where the image is located. Then in another row on the sub-table the menu is located. I am not sure where you want the menu to be located. But if you want it below the main header image then you need to remove it from the table where the image is located and add it to a new row in the main table and it will be below that image.

Honestly you probably need to move away from the table based layout to more of a pure CSS layout. Not sure if you know how to do that. What is your experience level? If you aren't actually a designer, then my recommendation would be to shell out a few bucks and get a good skin on Snowcovered and then go in and tweak it. You will learn a lot just from tweaking a good skin.

Or you could move up the value chain slightly and get the Morpheus skin pack with Skinlab from Nukeville off of Snowcovered. There is a reason that Morpheus has been #1 on Snowcovered since it was released.

Forerunner Communications, LLC
DotNetNuke Integration Specialists

 
New Post
11/8/2011 3:19 AM
 
Thanks for the comments and suggestions, I will have a play and see if that works.  I am not a developer, but have created and adapted a few skins and am still learning.  This was actually  a $300 custom skin developed by DNN Covered who refuse to accept that there's a problem. I've managed to fix the other problems but this one is proving more challenging and the budget was blown on the other clowns.  My client just needs the site up and running, so no pressure really!
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Menu ProblemMenu Problem


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