Hi,

I hope someone can help with this as I have spent sooo many hours trying to figure it out and I am sure it must be staring me in the face

Anyhow, I modified a skin (from where I can't remember) and I am really happy with it except for this one issue. I wanted to place the top pane (which I renamed "randomimagepane") above the menu so I can use the "linkimage" module to place random images under my logo/banner area, but above the menu area. Everything works well and it is simple to use, but whenever the page is very small in height, the menu moves to the bottom of the page, the panes stay at the top, and there is white space between.

I am just using html and css files. (Hoping this is not too much code to paste...)


html file :

<link href="../Skin/skin.css" rel="stylesheet" type="text/css" />
<table class="pagemaster" border="0" cellspacing="0" cellpadding="0">
    <tr>
        <td valign="top">
            <table class="skinmaster" width="770" 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="searchloginline" cellspacing="0" cellpadding="3" width="100%" border="0">
                            <tr>
                                <td class="searchloginline" valign="middle" align="left" nowrap>
                                    [SEARCH][LANGUAGE]</td>
                                <td width="200" valign="top" align="right" nowrap>
                                    [USER]&nbsp;&nbsp;[LOGIN]</td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                   <td valign="top" height="100%">
             <table class="logobanner" cellspacing="0" cellpadding="0" width="100%" border="0">
                 <tr>
                          <td valign="middle" align="left" style="height: 160px">[LOGO]</td>
                         <td valign="middle" align="right" style="height: 160px">[BANNER]</td>
                       </tr>   
                 </table>
                 <table class="randomimage" cellspacing="0" cellpadding="0" width="100%" border="0">
                   <tr>
                     <td class="toppane" colspan="0" id="RandomImagePane" runat="server"
                        valign="top" align="center" style="height: 160px" nowrap></td>
                       </tr>   
                 </table>
                   </td>
            </tr>
                <tr>
                    <td valign="top" height="100%">
                        <table class="menu" cellspacing="0" cellpadding="0" width="100%" border="0">
                            <tr>
                                <td width="100%" valign="top" align="left" nowrap>[MENU]</td>
                            </tr>
                        </table>
                        <table cellspacing="0" cellpadding="3" width="100%" border="0">
                            <tr>
                                <td width="200" valign="top" align="left" nowrap>[CURRENTDATE]</td>
                                <td width="100%" valign="top" align="center">                                                                               <b>..::</b>&nbsp;[BREADCRUMB]<b>::..</b></td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="top" height="100%">
                        <table cellspacing="3" cellpadding="3" width="100%" border="0">
                            <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>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td valign="top">
                        <table class="copyprivacy" cellspacing="0" cellpadding="0" width="100%" border="0">
                            <tr>
                                <td valign="middle" align="center">
                                    [COPYRIGHT]&nbsp;&nbsp;[TERMS]&nbsp;&nbsp;[PRIVACY]</td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </td>
    </tr>
</table>


css file :

/*
================================
Skin styles for DotNetNuke
================================
*/  

.pagemaster {
    width: 100%;
    height: 100%;   
    background-color: #ffffff;
}
.skinmaster {
    height: 100%;
    background-color: #ffffff;
    border-right: #03699c 1px solid;
    border-top: #03699c 1px solid;
    border-left: #03699c 1px solid;
    border-bottom: #03699c 1px solid;
    moz-border-radius-bottomleft: 15px;
    moz-border-radius-bottomright: 15px;
    moz-border-radius-topleft: 3px;
    moz-border-radius-topright: 3px;
}
.searchloginline {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 30px;
}
.logobanner {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 160px;
}
.randomimage {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 160px;
    clear: both;
}
.menu {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 30px;
}
.copyprivacy {
    padding-top: 0px;
    padding-bottom: 0px;
    height: 30px;
}
.controlpanel {
    width: 100%;
    background-color: #2980ab;
}
.toppane {
    width: 100%;
    background-color: #03699c;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    height: 160px;
}
.leftpane {
    width: 175px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.contentpane {
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.rightpane {
    width: 175px;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.bottompane {
    width: 100%;
    background-color: transparent;
    padding-left: 6px;
    padding-right: 4px;
    padding-top: 6px;
}
.MainMenu_MenuContainer {
    background-color: transparent;
}
.MainMenu_MenuBar {
    cursor: pointer;
    cursor: hand;
    height:16px;
    background-color: Transparent;
}
.MainMenu_MenuItem {
    border-left: #1574a4 0px solid;
    border-bottom: #1574a4 1px solid;
    border-top: #1574a4 1px solid;
    border-right: #1574a4 0px solid;
    cursor: pointer;
    cursor: hand;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    background-color: Transparent;
    font-family: Tahoma, Arial, Helvetica;
}
.MainMenu_MenuIcon {
    background-color: #1574a4;
    border-left: #1574a4 1px solid;
    border-bottom: #1574a4 1px solid;
    border-top: #1574a4 1px solid;
    cursor: pointer;
    cursor: hand;
    text-align: center;
    width: 15px;
    height: 21px;
}
.MainMenu_SubMenu {
    background-color: #1574a4; 
    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: #03699c;
    cursor: pointer;
    cursor: hand;
    color: black;
    font-family: Tahoma, Arial, Helvetica;
    font-size: 9pt;
    font-weight: bold;
    font-style: normal;
    height: 21px;
}
.MainMenu_MenuArrow {
    border-right: #1574a4 1px solid;
    border-bottom: #1574a4 1px solid;
    border-top: #1574a4 0px solid;
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}
.MainMenu_RootMenuArrow {
    font-family: webdings;
    font-size: 10pt;
    cursor: pointer;
    cursor: hand;
}
.StandardButton {
  background: #1675a3 none;
  color: #ffffff;
  font-family: verdana, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.TreeViewMenu {
    width: 175px;
    background-color: #73acc9;
    border-right: #1675a3 1px solid;
    border-top: #1675a3 1px solid;
    border-left: #1675a3 1px solid;
    border-bottom: #1675a3 1px solid;
    moz-border-radius-bottomleft: 15px;
    moz-border-radius-bottomright: 15px;
    moz-border-radius-topleft: 3px;
    moz-border-radius-topright: 3px;
}
.TreeViewMenu_Header {
}
.Head {
   font-family: Tahoma, Arial, Helvetica;
   font-size:  18px;
   font-weight: normal;
   color: #333333;
}


I have tried inserting "nowrap" and "clear:both;" lines in either html or css files etc..., but not apt enough at skinning... I am definitely no nina.

Thanks again, anyone who can show me what I am doing wrong etc...
Cheers.

Thank-you so much nina... .

I did as you said :

1. opened the linkimage.ascx file (after backing it up using an ftp program with access to my hosting server) and modified just one line in this file from ' cellpadding="4" ' to 'cellpadding="0" '.

2. changed my initial html file by deleting the ' height="100%" ' from the LOGO, BANNER and randomimage pane table code.

Now it works as it should. Yippee! I hope this has also helped others that might have this issue with the linkimage module and it is a great module to use as nina has stated.

Thinking outside the box really does work. . Thanks again nina. I can't put into words how much help you have been... have a great weekend.

Cheers.