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...Administration ...Administration ...Way to Get Rid of Horizontal Line Below Header.Way to Get Rid of Horizontal Line Below Header.
Previous
 
Next
New Post
7/12/2008 3:39 AM
 

Hi ...

I've possibly done a skin design that DNN 4.8x  just doesn't like. I get a horizontal line just below the header , in which I've put the menu and breadcrumb.  Also  on pages other than the Home page, the header drops down. In Safari it drops WAAY down.

I can't find anything in the skin code to account for this, and would sure like  some help if anybody can help.

Here is the URL where it is:

http://www.cchrcalifornia.org/

 

And here is the skin code:

================Start========================

 

<!--[if lt IE 7]><script src="pngfix.js" type="text/javascript"></script><![endif]-->

<%@ Register TagPrefix="dnn" TagName="DNN360MENU" Src="~/DesktopModules/CISS.SideMenu/SideMenu.ascx" %>
<%@ Control language="vb" CodeBehind="~/admin/Skins/skin.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %>
<%@ Register TagPrefix="dnn" TagName="LOGO" Src="~/Admin/Skins/Logo.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BANNER" Src="~/Admin/Skins/Banner.ascx" %>
<%@ Register TagPrefix="dnn" TagName="NAV" Src="~/Admin/Skins/Nav.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LANGUAGE" Src="~/Admin/Skins/Language.ascx" %>
<%@ Register TagPrefix="dnn" TagName="CURRENTDATE" Src="~/Admin/Skins/CurrentDate.ascx" %>
<%@ Register TagPrefix="dnn" TagName="BREADCRUMB" Src="~/Admin/Skins/BreadCrumb.ascx" %>
<%@ Register TagPrefix="dnn" TagName="USER" Src="~/Admin/Skins/User.ascx" %>
<%@ Register TagPrefix="dnn" TagName="LOGIN" Src="~/Admin/Skins/Login.ascx" %>
<%@ Register TagPrefix="dnn" TagName="COPYRIGHT" Src="~/Admin/Skins/Copyright.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="DOTNETNUKE" Src="~/Admin/Skins/DotNetNuke.ascx" %>
<TABLE class="pagemaster" border="0" cellspacing="0" cellpadding="0">
<TR>
<TD valign="top">
<TABLE class="skinmaster" width="856" border="0" align="center" cellspacing="0" cellpadding="0">
<TR>
<TD id="ControlPanel" runat="server" class="contentpane" valign="top" align="center"></TD>
</TR>
<TR>
<TD valign="top">
<TABLE class="skinheader" cellSpacing="0" cellPadding="0" width="100%" border="0">
  <TR>
 
 
 
  <!-- Start ImageReady Slices -->
  <td rowspan="3" class="Logo10July" width="198" height="195">
            </td>
        <td class="CCHRhedr10July" width="658" height="128" align="left">
            </td>
    </tr>
    <tr>
        <td class="Menu10July" width="658" height="22" align="left">
            <dnn:DNN360MENU runat="server" id="dnnDNN360MENU" ConfigFile="default.xml" /></td>
    </tr>
    <tr>
        <td class="Breadcrumb10July" width="658" height="45">
            <dnn:BREADCRUMB runat="server" id="dnnBREADCRUMB" Separator="&nbsp;&raquo;&nbsp;" RootLevel="0" /></td>
    </tr>
</table>
<!-- End ImageReady Slices -->
 
<TABLE cellspacing="3" cellpadding="3" width="100%" border="0">
  <TR>
    <TD class="toppane" colspan="3" id="TopPane" runat="server" valign="top" align="center"></TD>
  </TR>
  <TR valign="top">
    <TD class="leftpane" id="LeftPane" runat="server" valign="top" align="center"></TD>
    <TD class="contentpane" id="ContentPane" runat="server" valign="top" align="center"></TD>
    <TD class="rightpane" id="RightPane" runat="server" valign="top" align="center"></TD>
  </TR>
  <TR>
    <TD class="bottompane" colspan="3" id="BottomPane" runat="server" valign="top" align="center"></TD>
  </TR>
  <TR valign="top">
    <TD valign="top" align="center"><img src="spacer.gif" height="1" width="150"></TD>
    <TD valign="top" align="center"></TD>
    <TD valign="top" align="center"><img src="spacer.gif" height="1" width="150"></TD>
  </TR>
</TABLE></TD>
</TR>
<TR>
<TD valign="top">
<TABLE class="skingradient" cellSpacing="0" cellPadding="0" width="100%" border="0">
  <TR>
    <TD valign="middle" align="center"><dnn:COPYRIGHT runat="server" id="dnnCOPYRIGHT" />&nbsp;</TD>
  </TR>
</TABLE></TD>
</TR>
<TR>
  <TD valign="top" align="center"><dnn:LOGIN runat="server" id="dnnLOGIN" /></TD>
</TR>
</TABLE>
</TD>
</TR>
</TABLE>
====================End===================

 

Any ideas?

 

Doug

 
New Post
7/12/2008 1:20 PM
 

Doug,

Using the IE Developers Toolbar, I was able to see that the Skinheader class has a bottom border defined ... revise the class and all should be good.

<TABLE class="skinmaster" width="856" border="0" align="center" cellspacing="0" cellpadding="0">

has this definition.

.skinmaster { 
    BORDER-RIGHT: #000 1px solid;
    BORDER-TOP: #000 1px solid; 
    BACKGROUND-IMAGE: url(blucapgraytex.png); 
    BORDER-LEFT: #000 1px solid; 
    BORDER-BOTTOM: #000 1px solid; 
    HEIGHT: 100%; 
    -moz-border-radius-bottomleft: 15px; 
    -moz-border-radius-bottomright: 15px; 
    -moz-border-radius-topleft: 3px; 
    -moz-border-radius-topright: 3px
}

Paul.

 
New Post
7/12/2008 4:26 PM
 

Thanks, Paul   ...

 

Maybe I don't  understand what you advised.

I changed the .skinmaster class in the .css file for the skin, to the definition you posted, but it  didn't  change anything.

 

The originl class  definition had  been:

===================

.skinmaster { height: 100%;
background-image: url(blucapgraytex.png);
border: solid 1px #000;
-moz-border-radius-bottomleft: 15px;
 -moz-border-radius-bottomright: 15px;
 -moz-border-radius-topleft: 3px;
 -moz-border-radius-topright: 3px; }

==============================

 

But I suspect I am missing something.

Was that what you meant?

 

Note: The line underneath vanished when I redesigned the header/logo table itself so that it only had  the menu token in it and no breadcrumb. But the odd dropping down of the whole page, leaving a space at the top when another page was selected from the menu , remained.

Maybe I should quit trying to be so fancy and give up fighting DNN and allow it to do it the way it wants.  (sigh)

 

Thanks, Doug

 
New Post
7/12/2008 5:07 PM
 

Hey!!

 

I got rid of the line. It was a  bottom border in the .skinheader definition.

Now If I can figure out how to keep it from dropping down when you go to other pages, I will be a happy camper.

 

Doug

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...Way to Get Rid of Horizontal Line Below Header.Way to Get Rid of Horizontal Line Below Header.


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