Hi,

I have just finished trying to make my first container(s). It's gone quite well but I still have some strange problems I cannot seem to fix.

I was wondering if anyone can see what I have done wrong?

Any help would be very much appreciated.

The containers and the problems can be seen here: www.ibbd-fasthosts.co.uk/ea

The html for my container is here:

<%@ Control language="vb" CodeBehind="~/admin/Containers/container.vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Containers.Container" %>
<%@ Register TagPrefix="dnn" TagName="ACTIONS" Src="~/Admin/Containers/SolPartActions.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TITLE" Src="~/Admin/Containers/Title.ascx" %>
<%@ Register TagPrefix="dnn" TagName="ACTIONBUTTON1" Src="~/Admin/Containers/ActionButton.ascx" %>
<%@ Register TagPrefix="dnn" TagName="ACTIONBUTTON2" Src="~/Admin/Containers/ActionButton.ascx" %>
<link href="container.css" rel="stylesheet" type="text/css">
 
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="BLOClass">
            <tr>
                        <td class="BLO_Top_Left_Image"></td>
                        <td class="BLO_Top_Background_Left_Image"></td>
                        <td class="BLO_Top_Background_Right_Image"><dnn:TITLE runat="server" id="dnnTITLE"/></td>
                        <td class="BLO_Top_Right_Image"></td>
            </tr>
            <tr valign="top">
                        <td class="BLO_Content_Left_Image"></td>
                        <td colspan="2" class="ccontent" id="ContentPane" runat="server"><dnn:ACTIONS runat="server" id="dnnACTIONS" /></td>
                        <td class="BLO_Content_Right_Image"></td>
            </tr>
            <tr>
                        <td class="BLO_Bottom_Left"></td><td colspan="2" class="ccontent"></td>
                        <td class="Orange_Right_Image"></td>
            </tr>
            <tr>
              <td class="BLO_Content_Left_Image"></td>
              <td colspan="2" class="actionrow"><dnn:ACTIONBUTTON1 runat="server" id="dnnACTIONBUTTON1" CommandName="SyndicateModule.Action" DisplayLink="False" DisplayIcon="True" /><dnn:ACTIONBUTTON2 runat="server" id="dnnACTIONBUTTON2" CommandName="PrintModule.Action" DisplayLink="False" DisplayIcon="True" /></td>
              <td class="BLO_Content_Right_Image"></td>
            </tr>
            <tr>
              <td class="BLO_Bottom_Left_Image"></td>
              <td class="BLO_Bottom_Background_Left_Image"></td>
              <td class="BLO_Bottom_Background_Right_Image"></td>
              <td class="BLO_Bottom_Right_Image"></td>
            </tr>
</table>

The css style sheet is here:

/*
================================
 Container Styles for DotNetNuke
================================
*/  
.BLOClass{margin-bottom:20px;}
.BLOClass .ccontent{
 padding:10px 0;
 background-color: #FFEECB;
}
.BLOClass p{margin-top:0;}
.BLOClass .actionbuttons{text-align:right;font-size:1px;line-height:1px;height:1px;padding-right:20px;}
.actionbuttons img{margin:0 0 11px 0;}

.BLOClass A:link{
 color: #1B2C95;
}
.BLOClass A:hover{
 color: #FFB12B;
}

.BLOClass .BLO_Top_Left_Image {
 background-image:  url("BLO_Top_Left_Image.gif");
 height: 31px;
 width: 7px;
}
.BLOClass .BLO_Top_Right_Image {
 background-image:  url("BLO_Top_Right_Image.gif");
 height: 31px;
 width: 10px;
}
.BLOClass .BLO_Top_Background_Right_Image {
 background-image:   url(BLO_Top_Background_Right_Image.gif);
 background-repeat: repeat;
}
.BLOClass .BLO_Bottom_Left_Image {
 background-image:  url("BLO_Bottom_Left_Image.gif");
 height: 12px;
 width: 7px;
}
.BLOClass .BLO_Bottom_Left {
}
.BLOClass .BLO_Bottom_Background_Image {
 background-image:   url("BLO_Bottom_Background_Right_Image.gif");
 background-repeat: repeat;
 height: 12px;
}
.BLOClass .BLO_Content_Right_Image {
 background-image:  url("BLO_Content_Right_Image.gif");
}
.BLOClass .BLO_Bottom_Right_Image {
 background-image:  url("BLO_Bottom_Right_Image.gif");
 height: 12px;
 width: 10px;
}
.BLOClass .actionrow {
 padding:0px 0;
 background-color: #FFEECB;
}
.BLOClass .Head {
 color: #FFFFFF;
}
.BLOClass .BLO_Content_Left_Image {
 background-image:  url("BLO_Content_Left_Image.gif");
 height: 11px;
 width: 7px;
}
.BLOClass .BLO_Top_Background_Left_Image {
 background-image:   url(BLO_Top_Background_Left_Image.gif);
 background-repeat: no-repeat;
 height: 31px;
 width: 25px;
}
.BLOClass .BLO_Bottom_Background_Left_Image {
 background-image: url(BLO_Bottom_Background_Left_Image.gif);
}
.BLOClass .BLO_Bottom_Background_Right_Image {
 background-image: url(BLO_Bottom_Background_Right_Image.gif);
}