I am having issues with the following:
- CSS not being read correclty
- Images not shwoing up when using <%= SkinPath %>
- and an error that says ContentPane is being used by another object
Any help would be great - here is my code:
==========html=================
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title></title>
<link href="<%= SkinPath %>/skin.css" rel="stylesheet" type="text/css" />
<style type="text/css">
</style>
</head>
<body>
<table width="800px" align="center"" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="top" style="height: 100%">
<table width="800" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="114" align="left" valign="top" bgcolor="#019879" style="background-repeat:repeat-x"><img src="<%= SkinPath %>/newtopbanner.jpg" width="100%" height="300"></td>
</tr>
<tr>
<td height="100%" align="left" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="192" height="100%" align="left" valign="top" bgcolor="#019879"><table width="192" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="left" valign="top" bgcolor="#019879">
</td>
</tr>
<tr>
<td height="100%" align="left" valign="top" bgcolor="#019879" class="myleftpane" id="MyleftPane" runat="server"></td>
</tr>
</table></td>
<td width="15" align="left" valign="top"><table width="15" border="0" cellspacing="0" cellpadding="0">
<tr>
<td></td>
</tr>
</table></td>
<td height="100%" align="left" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td height="39" align="left" valign="top" class="standardpane" id="SuperTopPane" runat="server"></td>
</tr>
<tr>
<td height="100%" align="left" valign="top"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="3">
<tr>
<td width="100%" align="left" valign="top" class="standardpane" id="ContentPane" runat="server"></td>
</tr>
<tr>
<td colspan="3" align="center" valign="top" class="standardpane" id="BottomPane2" runat="server"><p> </p>
<p> </p>
</td>
</tr>
<tr>
<td colspan="3" align="right" valign="top" class="standardpane" id="BottomPane" runat="server"><p> </p>
<p> </p>
<p> </p>
</td>
</tr>
<tr><td colspan="2"><img alt="grassborder:D" src="<%= SkinPath %>grass-bottom-border.gif" />
</td> </tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
<tr>
<td height="33" align="left" valign="top" background="<%= SkinPath %>/s_r3_c1.jpg" style="background-repeat:repeat-x"><table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="200" align="left" valign="top" bgcolor="#019879" class="standardpane" id="FooterPane" runat="server"></td>
<td align="center" valign="middle" bgcolor="#019879"><span class="bottomcss">[COPYRIGHT] | [PRIVACY] | </span><span class="style2"><a href="http://www-dev.gsnetx.org/484">GSNETX!</a></span><span class="bottomcss"> | [LOGIN] | [BREADCRUMB]</span></td>
</tr>
</table></td>
</tr>
<tr><td colspan="2">
</td> </tr>
</table></td>
</tr>
</table>
</body>
</HTML>
=========end html=================
===========css===================
BODY
{
background:#fff;
margin:0px 0px 0px 0px;
border-left:0px;
height:100%}
TH,TD,DIV
{
font-size:11px;
color:#000000;
FONT-FAMILY: Calibri,Tahoma,Arial,Helvetica,Sans-Serif
}
#wrapper {
position:relative;
height:258px
}
#logo {
z-index:3;
position:absolute;
left:25px;
width:228px;
top:25px;
height:60px
}
#user {
z-index:3;
position:absolute;
right:8px;
top:8px;
height:18px;
TEXT-ALIGN:right
}
#header {
z-index:2;
position:absolute;
width:100%;
bottom:40px
}
#menu {
z-index:1;
position:absolute;
background:transparent;
width:auto;
bottom:0px;
height:54px
}
#SearchContainer INPUT {
BORDER: #ffffff 0px solid;
FONT-SIZE:11px;
BACKGROUND: ;
COLOR: #000000;
width:185px;
height:16px;
vertical-align: bottom;
}
#invsidemenu-Home
{
background-color:#ffffff;
color:#019879;
border:solid 1 #019879;
}
#invsidemenu-MemberLogin
{
background-color:#ffffff;
color:#019879;
border:solid 1 #019879;
}
#invsidemenu-AboutUs
{
background-color:#ffffff;
color:#019879;
border:solid 1 #019879;
}
#invsidemenu-Program
{
background-color:#ffffff;
color:#019879;
border:solid 1 #019879;
}
#invsidemenu-Donate
{
background-color:#ffffff;
color:#019879;
border:solid 1 #019879;
}
#invsidemenu-Shop
{
background-color:#ffffff;
color:#019879;
border:solid 1 #019879;
}
img
{border:0;
}
.lt{ text-align:left;vertical-align:top; }
.rt{ text-align:right;vertical-align:top; }
.lb{ text-align:left; vertical-align:bottom;}
.rb{ text-align:right; vertical-align:bottom;}
.cm{ text-align:center; vertical-align:middle;}
.rm{ text-align:right; vertical-align:middle;}
.lm{ text-align:left; vertical-align:middle;}
.search{ text-align:right;
vertical-align:middle;
font-size:11px;
color:#fff;
font-family:Calibri,Tahoma,Arial,Helvetica,Sans-Serif;
font-weight:normal;}
/* Title, Module Title */
.Head {font-size:11px; color:#000; font-weight:bold}
.SubHead {font-size:11px; color:#000}
.SubSubHead {font-size:11px; color:#000}
.Normal
{
font-size:11px;
color:#000000;
}
.CommandButton,
A.CommandButton:link,
A.CommandButton:visited,
A.CommandButton:active
{
color:#000;
}
A.CommandButton:hover
{
color:#018979;
TEXT-DECORATION:none
}
/* for main body links */
A,A:link,A:visited,A:active
{
color:#0f6f87;
TEXT-DECORATION:none
}
/*A:hover {color:#0000FF;}*/
A:hover {color:#0f6f87;}
.topcss,A.topcss:link,A.topcss:active,A.topcss:visited
{
font-weight:normal;
font-size:11px;
color:#fff;
TEXT-DECORATION:none}
A.topcss:hover
{
font-weight:normal;
font-size:11px;
color:#fff; }
.bottomcss,A.bottomcss:link,A.bottomcss:active,A.bottomcss:visited
{
font-weight:normal;
font-size:11px;
color:#fff;
TEXT-DECORATION:none}
A.bottomcss:hover
{
font-weight:normal;
font-size:11px;
color:#fff; }
.searchcss,A.searchcss:link,A.searchcss:active,A.searchcss:visited {
font-weight:normal;
font-size:11px;
color:#FFFF00;
TEXT-DECORATION:none
}
A.searchcss:hover
{
font-weight:normal;
font-size:11px;
color:#FFFFFF; }
.Eventday,.Eventweekenday{ background-color: #FFFFFF}
.Eventday,.Eventweekenday{ background-color: #FFFFFF}
.DataGrid_Item{ background-color: transparent; color:#FFFFFF; }
.DataGrid_AlternatingItem{ background-color: transparent;color:#FFFFFF;}
/* Pane Structure */
.supertoppane {padding:0px 0px 0px 0px}
.leftpane {padding:0px 0px 0px 0px}
.rightpane {padding:0px 0px 0px 0px}
.toppane {padding:0px 0px 0px 0px}
.bottompane {padding:0px 0px 0px 0px}
.contentpane {padding:0px 0px 0px 0px}
.myleftpane {padding:0px 0px 0px 0px}
.mycontentpane {padding:0px 0px 0px 0px}
.myrightpane {padding:0px 0px 0px 0px}
.mybottompane {padding:0px 0px 0px 0px}
.logopane {padding:0px 0px 0px 0px}
.showcasepane {padding:0px 0px 0px 0px}
.bannerpane {padding:0px 0px 0px 0px}
.vspacepane {padding:0px 0px 0px 0px}
.hspacepane {padding:0px 0px 0px 0px}
.allspacepane {padding:0px 0px 0px 0px}
/*--------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------Grass-&-Vine----------------------------------------------------*/
.vine
{
background: url(images/flower-vine.gif);
height:552px;
width:225px;
margin-bottom:0;
margin-left:0;
bottom:0;
vertical-align:bottom;
background-position:right, bottom;
background-repeat:no-repeat;
}
.grass
{
background: url(images/grass-bottom-border.gif);
height:458px;
width:622px;
margin-bottom:0;
bottom:0;
vertical-align:bottom;
background-position:bottom;
background-repeat:no-repeat;
}
/*--------------------------Grass ENDS------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------*/
/* Side Menu CSS */
/*Header CSS Class*/
.SideMenuHdr, .SideMenuHdr A /* this is side menu background - not header*/
{
background-color:#019879;
color: #FFFFFF;
font-size: 11pt;
font-weight:bold;
font-family: Calibri, Tahoma, Arial, Sans-Serif;
text-align: center;
border-style: solid;
border-color: #FFFFFF;
border-spacing:0px;
border-width:1px;
}
/*SideItemCSS Class*/
.SideMenuItem
{
background-color:#019879;
color: #ffffff;
font-size: 11pt;
font-family: Calibri, Tahoma, Arial, Sans-Serif;
text-align: center;
}
/* Highlight Css Class */
.SideMenuItemMouseOver
{
background-color:#019879;
color: #ffffff;
text-decoration:none;
font-size: 11pt;
font-family: Calibri, Tahoma, Arial, Sans-Serif;
text-align: center;
}
/*Current Header CSS class*/
/*.SidecurrentHeaderHighlight {
background-color:#ffffff;
color: #019879;
font-size: 11pt;
font-weight:bold;
font-family: Calibri, Tahoma, Arial, Sans-Serif;
text-align: center;
}
/* Current Item CSS Class*/
.SidecurrentItemHighlight
{
background-color:#019879;
color: #FFFFFF;
font-size: 11pt;
font-weight:bold;
font-family: Calibri, Tahoma, Arial, Sans-Serif;
text-align: center;
}
/*
.SideMenuHdr A:Active,
.SideMenuHdr A:Hover,
.SideMenuHdr A:Visited,
.SideMenuHdr A:Link
{
text-decoration: none; color: #ffffff; padding-top: 1px;
padding-bottom: 1px; cursor: pointer; display: block;
}
.SideMenuItem A,
.SideMenuItem A:Active,
.SideMenuItem A:Hover,
.SideMenuItem A:Visited,
.SideMenuItem A:Link,
.SideMenuItemMouseOver A,
.SideMenuItemMouseOver A:Active,
.MSideenuItemMouseOver A:Hover,
.SideMenuItemMouseOver A:Visited,
.SideMenuItemMouseOver A:Link
{
display: block;
padding-left: 0px;
padding-bottom: 1px;
cursor: pointer;
background-color:#ffffff;
color: #019879;
padding-top: 1px;
text-decoration: none;
width: 100%
}*/
/*-------------------------------------------------------------------------------------------*/
/*MenuBar CSS Class */
.TopMenuBar, .TopMenuHdr A
{
background-color:#FFFFFF;
color: #FFFFFF;
font-size: 11pt;
font-weight:bold;
font-family: Calibri, Tahoma, Arial, Sans-Serif;
text-align: left;
padding-left:5px;
padding-right:5px;
padding-top: 1px;
height:16px;
}
.TopMenuItem
{
background-color:#019879;
color: #FFFFFF;
font-size: 11pt;
font-family: Calibri, Tahoma, Arial, Sans-Serif;
text-align: left;
display: inline-block;
vertical-align:bottom;
padding-top: 1px;
padding-left:5px;
padding-right:5px;
}
.TopMenuItemA,.TopMenuItemA:link,TopMenuItemA:visited,.TopMenuItemA:active
{
background-color:#FFFFFF;
color: #019879;
font-size: 11pt;
font-family: Calibri, Tahoma, Arial, Sans-Serif;
text-align: center;
padding-top: 1px;
padding-left:5px;
padding-right:5px;
}
.TopMenuItemMouseOver
{
background-color:#FFFFFF;
color: #019879;
font-size: 11pt;
font-family: Calibri, Tahoma, Arial, Sans-Serif;
text-align: left;
display: inline-block;
vertical-align:bottom;
padding-top: 1px;
padding-left:5px;
padding-right:5px;
}
.TopMenuHdr A,
.TopMenuHdr A:Active, .TopMenuHdr A:Hover, .TopMenuHdr A:Visited, .TopMenuHdr A:Link
{
text-decoration: none; color: #FFFFFF; padding-top: 1px;
padding-bottom: 1px; cursor: pointer; display: block; padding-left:5px;
padding-right:5px;
}
.TopMenuItem A, .TopMenuItem A:Active, .TopMenuItem A:Hover, .TopMenuItem A:Visited, .TopMenuItem A:Link,
.TopMenuItemMouseOver A, .TopMenuItemMouseOver A:Active, .MTopenuItemMouseOver A:Hover,
.TopMenuItemMouseOver A:Visited, .TopMenuItemMouseOver A:Link
{
display: block;
padding-left: 0px;
padding-bottom: 1px;
cursor: pointer;
background-color:#019879;
color: #FFFFFF;
padding-top: 1px;
text-decoration: none;
padding-left:5px;
padding-right:5px;
}
.TopcurrentMenuItem
{
background-color:#019879;
color: #FFFFFF;
font-size: 11pt;
font-family: Calibri, Tahoma, Arial, Sans-Serif;
text-align: left;
display: inline-block;
vertical-align:bottom;
padding-top: 1px;
padding-left:5px;
padding-right:5px;
}
/*----------------------------------------------------------------------------------------------*/
====================end css==============================
=================XML===========================
<?xml version="1.0" encoding="utf-8" ?>
<Objects>
<object>
<Token>[INVSIDEMENU]</Token>
<Settings>
<Setting>
<Name>ProviderName</Name>
<Value>vertical</Value>
</Setting>
</Settings>
<Setting>
<Name>usearrows</Name>
<value>false</value>
</Setting>
<Setting>
<Name>userootbreadcrumbarrow</Name>
<value>false</value>
</Setting>
<Setting>
<Name>usesubmenubreadcrumbarrow</Name>
<value>false</value>
</Setting>
<Setting>
<Name>level</Name>
<value>-2</value>
</Setting>
<Setting>
<Name>DrawSeperator</Name>
<value>false</value>
</Setting>
<Setting>
<Name>DrawTrailingHR</Name>
<value>false</value>
</Setting>
<Setting>
<Name>MenuHeaderCssClass</Name>
<value>SideMenuHdr</value>
</Setting>
<Setting>
<Name>MenuHeaderHighlightCssClass</Name>
<Value>SideMenuItemMouseOver</Value>
</Setting>
<Setting>
<Name>MenuItemCssClass</Name>
<Value>SideMenuItem</Value>
</Setting>
<Setting>
<Name>MenuHiglightCssClass</Name>
<Value>SideMenuItemMouseOver</Value>
</Setting>
<Setting>
<Name>AppendLevelToClass</Name>
<value>true</value>
</Setting>
<Setting>
<Setting>TreatTopLevelAsHeader</Setting>
<value>true</value>
</Setting>
<Setting>
<Name>fontnames</Name>
<value>Calibri, Tahoma, Arial, San-serif</value>
</Setting>
<Setting>
<Name>rootonly</Name>
<value>true</value>
</Setting>
<Setting>
<Name>forcefullmenulist</Name>
<value>false</value>
</Setting>
<Setting>
<Name>forcedownlevel</Name>
<value>false</value>
</Setting>
<Setting>
<Name>fontsize</Name>
<value>11</value>
</Setting>
</object>
<Object>
<Token>[INVTOPMENU]</Token>
<settings>
<setting>
<name>level</name>
<value>-2</value>
</setting>
<Setting>
<Name>display</Name>
<value>horizontal</value>
</Setting>
<Setting>
<Name>usearrows</Name>
<value>false</value>
</Setting>
<Setting>
<Name>Separator</Name>
<value>false</value>
</Setting>
<Setting>
<Name>userootbreadcrumbarrow</Name>
<value>false</value>
</Setting>
<Setting>
<Name>usesubmenubreadcrumbarrow</Name>
<value>false</value>
</Setting>
<setting>
<name>rootmenuitemcssclass</name>
<value>TopMenuBar</value>
</setting>
<Setting>
<Name>rootmenuitembreadcrumbcssclass</Name>
<value>TopcurrentMenuItem</value>
</Setting>
<Setting>
<Name>rootmenuitemselectedcssclass</Name>
<value>TopMenuItemMouseOver</value>
</Setting>
<Setting>
<Name>Rootmenuitemactivecssclass</Name>
<value>TopcurrentMenuItem</value>
</Setting>
<Setting>
<Name>TopMenuItemA</Name>
<value>#FFFFFF</value>
</Setting>
<Setting>
<Name>TopMenuItemA:link</Name>
<value>#FFFFFF</value>
</Setting>
<Setting>
<Name>TopMenuItemA:visited</Name>
<value>#FFFFFF</value>
</Setting>
<Setting>
<Name>TopMenuItemA:active</Name>
<value>#FFFFFF</value>
</Setting>
</settings>
</Object>
<Object>
<Token>[HELP]</Token>
<Settings>
<Setting>
<Name>cssclass</Name>
<Value>topcss</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[LANGUAGE]</Token>
<Settings>
<Setting>
<Name>cssclass</Name>
<Value>lancss</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[LOGIN]</Token>
<Settings>
<Setting>
<Name>cssclass</Name>
<Value>topcss</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[BREADCRUMB]</Token>
<Settings>
<Setting>
<Name>cssclass</Name>
<Value>searchcss</Value>
</Setting>
<Setting>
<Name>RootLevel</Name>
<Value>0</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[USER]</Token>
<Settings>
<Setting>
<Name>cssclass</Name>
<Value>topcss</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[SEARCH]</Token>
<Settings>
<Setting>
<Name>showWeb</Name>
<Value>true</Value>
</Setting>
<Setting>
<Name>ShowSite</Name>
<Value>true</Value>
</Setting>
<Setting>
<Name>cssclass</Name>
<Value>searchcss</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[CONTENTPANE]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>ContentPane</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[MYLEFTPANE]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>MyLeftPane</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[SUPERTOPPANE]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>SuperTopPane</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[BOTTOMPANE]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>BottomPane</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[BOTTOMPANE:2]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>BottomPane2</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[FOOTERPANE]</Token>
<Settings>
<Setting>
<Name>ID</Name>
<Value>FooterPane</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[CURRENTDATE]</Token>
<Settings>
<Setting>
<Name>cssclass</Name>
<Value>searchcss</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[COPYRIGHT]</Token>
<Settings>
<Setting>
<Name>cssclass</Name>
<Value>bottomcss</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[TERMS]</Token>
<Settings>
<Setting>
<Name>cssclass</Name>
<Value>bottomcss</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[PRIVACY]</Token>
<Settings>
<Setting>
<Name>cssclass</Name>
<Value>bottomcss</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[HOSTNAME]</Token>
<Settings>
<Setting>
<Name>CssClass</Name>
<Value>bottomcss</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[LINKS]</Token>
<Settings>
<Setting>
<Name>Separator</Name>
<Value><![CDATA[ | ]]></Value>
</Setting>
<Setting>
<Name>Level</Name>
<Value>Root</Value>
</Setting>
<Setting>
<Name>CssClass</Name>
<Value>links</Value>
</Setting>
</Settings>
</Object>
<Object>
<Token>[LOGIN]</Token>
<Settings>
<Setting>
<Name>Text</Name>
<Value>Login</Value>
</Setting>
<Setting>
<Name>LogoffText</Name>
<Value>Logoff</Value>
</Setting>
<Setting>
<Name>CssClass</Name>
<Value>OtherTabs</Value>
</Setting>
</Settings>
</Object>
</Objects>
======================end xml=======================
Thanks - Amy