I have tried this several times and cannot see what I am doing wrong compared to others. I have a very simple template I am trying to insert will someone tell me what I am doing wrong?
THis is my index.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>
<link rel="stylesheet" type="text/css" href="skin.css" />
</head>
<body><div id="ControlPanel" runat="server" />
<div class="site_container">
<div class="header">
<div id="TopPane" class="TopPane" runat="server" visible="false"> </div>
<div class="mainNav">[NAV]</div>
</div>
<div class="left_pic"><img src="images/leftPic.jpg" /></div>
<div class="main_content">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td valign="top" id="ContentPane" class="ContentPane" runat="server" visible="false">
</td>
</tr>
</table>
</div>
<div><img src="images/bottom.jpg" /></div>
<div class="copyright">[COPYRIGHT]</div>
<div class="bottomNav">[LINKS]</div>
</div>
<div style="clear: both; height: 2px;"></div>
[STYLES]
</body>
</html>
This is my CSS:
/* My Styles */
html { height: 100%;}
body {
font-family: "Trebuchet MS", Arial;
background-color: #000;
color:#FFF;
height: 100%;
margin: 0px;
padding: 0px;
}
.site_container { width: 814px; margin:auto; padding: 15px 0px 0px; }
/*Header Styles */
.header {
width: 814px;
height: 88px;
background-image:url(images/header.jpg); background-repeat: no-repeat;
}
.TopPane { margin: 20px 20px 0px 280px; text-align:center;}
.mainNav { margin: 15px 45px 0px 300px; text-align: center; font-size: 13px; font-weight: bold;}
.mainNav a { color: #FFF; text-decoration: none;}
.mainNav a:hover { color: #000;}
/* Main Body */
.left_pic { width: 242px; float: left;}
.main_content { width: 542px; height:377px; float: left; padding: 15px;}
/* Bottom Styles */
.copyright { width: 400px; float: left; font-size: 10px; font-family: Arial;}
.bottomNav { width: 414px; float: left; font-size: 10px; font-family: Arial; text-align: right;}
.bottomNav a { color: #FFF; text-decoration: none;}
I upload this and it displays teh thumbnail then I click to apply it and I get this error:
An error has occurred.
DotNetNuke.Services.Exceptions.PageLoadException: Object reference not set to an instance of an object. ---> System.NullReferenceException: Object reference not set to an instance of an object. at DotNetNuke.Common.Globals.CreateValidID(String strID) at DotNetNuke.UI.Skins.Controls.Styles.AddStyleSheet() at DotNetNuke.UI.Skins.Controls.Styles.Page_Load(Object sender, EventArgs e) at System.Web.UI.Control.OnLoad(EventArgs e) at System.Web.UI.Control.LoadRecursive() at System.Web.UI.Control.LoadRecursive() at System.Web.UI.Control.LoadRecursive() at System.Web.UI.Control.LoadRecursive() at System.Web.UI.Control.LoadRecursive() at System.Web.UI.Control.LoadRecursive() at System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) --- End of inner exception stack trace ---
I just don't knwo what I am doing wrong thanks for the help?
Thanks
Jeff