One hair left! CSS problem - Skins, Themes, and Templates

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

Home All Forums

1
2
3
4
5

Home

Using DNN Platf...

Skins, Themes, ...

One hair left! CSS problem

12/4/2006 10:11 AM

Dan Rothschild

www.bluebusinessdev.com
Joined: 5/19/2006

Posts: 61

One hair left! CSS problem

Hello,
I am having a stle sheet issue with a site I am working on for a client:
http://216.94.10.127/dnn/

I have spent the last 3 days trying everything I know to remove the white space in the example above so the "Welcome" text box (content pane) lines up with the left hand menu (left pane). All to no avial. I have a gut feeling that this is an easy fix. For the life of me, I can't figure it out. Would some kind soul take a look see and save me more futile hours of trial and error? The css is below followed by the aspx file.
Thanks,
Dan

CSS

/*
================================
Skin styles for DotNetNuke - DNN 3 & 4 Designed by Nina Meiers - dnn3@xd.com.au
XDFusion Skin & Container Set - http://www.xd.com.au - April 18, 2006
================================
*/

/* Standard HTML Tag Settings */

body {background-color: #FFFFFF;}
table, tr, td, p {font-family: tahoma, arial, helvetica;font-size: 11px;line-height: 1.3em;}

/* Standard DotNetNuke Settings */

.pagemaster {background-color: #FFFFFF;}

.controlpanel {
width: 100%;
background-color: #F8F6FB;
}

.toppane {
width: 100%;
background-color: white;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.leftpane {
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
border-left: #ffcc33 1px solid;
}
.contentpane {
width: 100%;
background-color: transparent;
padding-left: 0px;
padding-right:0px;
padding-top: 0px;
border-right: #ffcc33 1px solid;
}
.rightpane {
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}
.bottompane {
width: 100%;
background-color: transparent;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
}

/* Standard Menu Settings */

.MainMenu_MenuContainer {
background-color: transparent;
}
.MainMenu_MenuBar {
cursor: pointer;
cursor: hand;
height: 16px;
background-color: Transparent;
}
.MainMenu_MenuItem {
border-left: #DDE8F1 0px solid;
border-bottom: #DDE8F1 1px solid;
border-top: #DDE8F1 1px solid;
border-right: #DDE8F1 0px solid;
cursor: pointer;
cursor: hand;
color: #000000;
font-family: arial, helvetica;
font-size: 10pt;
font-weight: bold;
font-style: normal;
background-color: Transparent;
height: 19px;
}
.MainMenu_MenuIcon {
background-color: #DDE8F1;
border-left: #DDE8F1 1px solid;
border-bottom: #DDE8F1 1px solid;
border-top: #DDE8F1 1px solid;
cursor: pointer;
cursor: hand;
text-align: center;
width: 15px;
height: 19px;
}
.MainMenu_SubMenu {
background-color: #DDE8F1;
z-index: 1000;
cursor: pointer;
cursor: hand;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
}
.MainMenu_MenuBreak {
height: 1px;
}
.MainMenu_MenuItemSel {
background-color: white;
cursor: pointer;
cursor: hand;
color: #000000;
font-family: arial, helvetica;
font-size: 10pt;
font-weight: bold;
font-style: normal;
height: 19px;
}
.MainMenu_MenuArrow {
border-right: #DDE8F1 1px solid;
border-bottom: #DDE8F1 1px solid;
border-top: #DDE8F1 0px solid;
font-family: webdings;
font-size: 10pt;
cursor: pointer;
cursor: hand;
}
.MainMenu_RootMenuArrow {
font-family: webdings;
font-size: 10pt;
cursor: pointer;
cursor: hand;
}

/* End Menu Settings */

.StandardButton {
background: #467599 none;
color: #000000
font-family:Verdana, sans-serif;
font-size: 11px;
font-weight: normal;
}

.Head {
font-family: arial, helvetica;
font-size: 10px;
font-weight: bold;
color: #000000;
line-height: 30px;
}

/* Custom Classes */

.XDFused_04 {
background-image: url(XDFMPix/ucplogo2.jpg);
background-repeat: no-repeat;
width: 772px;
height: 347px;
}

.MenuLeftRepeat {
}

.XMenuFull {
}

.bodyleftFull {
}

.bodyright {
}

.leftPageFull {
}

.footerLeftFull {
background-image: url(XDFMPix/LeftFooterFull.jpg);
background-repeat: repeat-x;
height: 33px;
}

.content {
background-color: #ffffff;
}

/* Search Padding - lines up text nicely */
.GoLink {padding-top: 4px;}

/* Light Background Elements */
.LightBG {
width: auto;
color: #404040;
}

a.LightBG:link, a.LightBG:active {
text-decoration: none;
color: #467599;
font-weight: normal;
}

a.LightBG:link, a.LightBG:visited, {
text-decoration: none;
color: #467599;
font-weight: normal;
}

a.LightBG:hover {
text-decoration: none;
color: #404040;
font-weight: normal;
}

/*Footer Classes */

.FooterText {
width: auto;
color: #404040;
}

a.FooterText:link, a.FooterText:visited, a.FooterText:active {
text-decoration: none;
color: #ffffff;
font-weight: normal;
}

a.FooterText:hover {
text-decoration: none;
color: #fafafa;
font-weight: normal;
}

/* End Light Background Elements */

.Separator {
width: 1px;
margin: 0 1px 0 1px;
background: url(XDFMPix\XDseparator.gif) center top no-repeat;
}

.Logo {
padding-left: 0px;
padding-top: 0px;
}

/* End Custom Classes */

aspx

<%@ 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="SOLPARTMENU" Src="~/Admin/Skins/SolPartMenu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="SEARCH" Src="~/Admin/Skins/Search.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" %>
<link href="XDFuseMeF.css" rel="stylesheet" type="text/css" />

<table width="100%" border="0" cellpadding="0" cellspacing="0" class="pagemaster">
<tr>
    <td> </td>
    <td align="center" valign="top">
    <table border="0" cellpadding="0" cellspacing="0" width="772">
      <tr valign="top">
        <td colspan="2" valign="top" class="XDFused_04" style="width: 773px; height: 347px">

        <table width="100%" height="30" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td width="20"> </td>
            <td align="left"><span class="LightBG"><dnn:CURRENTDATE runat="server" CssClass="LightBG" id="dnnCURRENTDATE" />
              <span class="Separator"></span> <dnn:USER runat="server" id="dnnUSER" CssClass="LightBG" />
              <span class="Separator"></span> <dnn:LOGIN runat="server" CssClass="LightBG" id="dnnLOGIN" /> </span></td>
            <td align="right"><div class="LightBG">    </div></td><td width="10"> </td>
          </tr>
        </table>

          <div class="Logo">
            <dnn:LOGO runat="server" id="dnnLOGO" BorderWidth="0" />
          </div></td>
        </tr>
      <tr>
        <td colspan="2" style="width: 773px" ><table width="100%" height="26" border="0" cellpadding="0" cellspacing="0">
          <tr>
                <td valign="top" bgcolor="#FFCC33" style="height: 27px">
                  <table width="770" height="23" border="0" align="left" cellpadding="0" cellspacing="0">
        <tr>
                      <td valign="left" bgcolor="ffcc33" style="height: 23px; width: 770px;" align="left"><dnn:SOLPARTMENU runat="server" id="dnnSOLPARTMENU" /></td>
          </tr>
      </table></td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td valign="top" class="LeftPageFull" style="width: 758px" ><table border="0" width="100%" cellpadding="0" cellspacing="0">
<tr valign="top">
    <td id="LeftPane" runat="server" class="leftpane" visible="false" style="height: 19px"></td>
    <td id="ContentPane" runat="server" class="contentpane" visible="false" style="height: 19px"></td>
</tr>
<tr valign="top">
    <td colspan="3" id="BottomPane" runat="server" class="bottompane" visible="false"></td>
</tr>
</table>
</td>
      </tr>
      <tr>
        <td style="width: 758px"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="33" align="center" background="<%= SkinPath %>XDFMPix/LeftFooterFull.jpg"><dnn:TERMS runat="server" CssClass="FooterText" id="dnnTERMS" />  <dnn:PRIVACY CssClass="FooterText" runat="server" id="dnnPRIVACY" /></td>
            </tr>
        </table></td>
      </tr>
    </table>
    </td>
    <td></td>
</tr>
</table>

12/4/2006 10:32 AM

Tim OBrien

www.obrienit.se
Joined: 3/31/2004

Posts: 147

Re: One hair left! CSS problem

It's that Bobby image at the bottom. It's got properties of

width = 157
vspace = 20
hspace = 20

The extra 20px padding either side is blowing the left hand table cell and making it too big.

I added

#dnn_ctr588_HtmlModule__ctl0_lblContent {display:none;}

to your skin.css style sheet to hide the picture and the skin works fine.

www.OBrienIT.se | Free DNN skins in valid xhtml

12/4/2006 10:40 AM

Dan Rothschild

www.bluebusinessdev.com
Joined: 5/19/2006

Posts: 61

Re: One hair left! CSS problem

Aaaaha. thanks Isomies, I owe you one.

Page 1 of 1

Home

Using DNN Platf...

Skins, Themes, ...

One hair left! CSS 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:

No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
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.
Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
No Flaming or Trolling.
No Profanity, Racism, or Prejudice.
Site Moderators have the final word on approving / removing a thread or post or comment.
English language posting only, please.

Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

New Community Website

DNN Corp. (DotNetNuke)