Hello! Thank you for looking at this i'm in urgent need of help. I have a deadline and i think took on a project that i just don't know how to do, but im trying. So far i've created my website in Dreamweaver HTML and CSS (which i do know how to do). I've created a theme for C5 Installed it and that works fine so far as i can tell, but the edit toolbars won't show on my pages....
I've included the code below for my style.css and my page type. If you could help in any way it would be much appreciated. Thank you! :)
/* Centers the div tag by adding automatic margins on each left and right sides,
adds a colored background for demonstration purposes only */
#main_wrapper { width: 100%; height: 100%; margin: 0px auto 0px auto; background-color: #ffffff;
}
#tempest_header {
width: 100%;
height: 93px;
position: relative;
top: 0px;
left: 0px;
background-image: url(images/background_header.jpg);
background-repeat: repeat;
background-color: #FFF;
}
#tempest_navigation {
width: 100%;
height: 33px;
position: absolute;
top: 93px;
left: 0px;
background-image: url(images/background_navigation.jpg);
background-repeat: repeat;
background-color: #FFF;
}
#tempest_divider {
width: 100%;
height: 31px;
position: absolute;
top: 126px;
left: 0px;
background-color:#D5CFB6;
}
#tempest_divider_2 {
width: 100%;
height: 31px;
position: absolute;
top: 650px;
left: 0px;
background-color: #E8E4E1;
}
#tempest_content {
width: 100%;
height: 495px;
position: absolute;
top: 156px;
left: 0px;
z-index: 5;
background-color: #D5CFB6;
overflow: auto;
}
#tempest_sub_content {
width: 856px;
height: 394px;
position: absolute;
top: 70px;
left: 19px;
z-index: 5;
}
#tempest_sub_content2 {
width: 1087px;
height: 395px;
position: absolute;
top: 70px;
left: 19px;
z-index: 5;
overflow: auto;
}
#tempest_page_title {
width: 500px;
height: 33px;
position: absolute;
top: 21px;
left: 19px;
z-index: 1;
}
#tempest_footer {
width: 100%;
height: 150px;
position: absolute;
top: 681px;
left: 0px;
background-image: url(images/background_footer.jpg);
background-repeat: repeat;
background-color: #FFF;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color:#ffffff;
}
.Main_Text {
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
color: #000;
text-align:left;
line-height:160%;
}
.Main_bold_Text {
font-size: 13px;
font-family:Arial, Helvetica, sans-serif;
color: #000;
text-align:left;
line-height:160%;
font-weight:bold;
}
.tempest_page_title_text {
font-size: 20px;
font-family:Arial, Helvetica, sans-serif;
color: #000;
text-align:left;
line-height:160%;
}
.tempest_main_title_text {
font-size: 50px;
font-family:Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
line-height:160%;
}
.tempest_copyright_text {
font-size: 9px;
font-family:Arial, Helvetica, sans-serif;
color: #000;
text-align: center;
line-height:160%;
}
.Navigation {
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-align: center;
}
a:link {
text-decoration: none;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
}
a:visited {
text-decoration: none;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
}
a:hover {
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
color:#ffffff;
text-align:center;
font-weight:bold;
}
a:active {
text-decoration: none;
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
color:#FFF;
text-align:center;
}
.style_sitemap_navigation:link {
text-decoration: none;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}
.style_sitemap_navigation:visited {
text-decoration: none;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}
.style_sitemap_navigation:hover {
text-decoration: none;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}
.style_sitemap_navigation:active {
text-decoration: none;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}
.style_download_navigation:link {
text-decoration: none;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}
.style_download_navigation:visited {
text-decoration: none;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}
.style_download_navigation:hover {
text-decoration: none;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}
.style_download_navigation:active {
text-decoration: none;
font-size: 10px;
font-family:Arial, Helvetica, sans-serif;
color:#000;
text-align:left;
}
<!doctype html>
<html>
<head>
<style type="text/css" media="screen">@import "<?php echo $this->getStyleSheet('style.css')?>";</style>
<?php Loader::element('header_required'); ?>
</head>
<body>
<div id="main_wrapper">
<div id="tempest_header">
<div align="center"><img src="images/logo_tempest.png" width="457" height="92" alt="Tempest Clothing Ltd" /></div>
</div>
<div class="Navigation" id="tempest_navigation"><a href="index.html">HOME</a><img src="images/link_spacer.png" width="20" height="5" alt="SPACER" /><a href="about.html">ABOUT</a><img src="images/link_spacer.png" width="20" height="5" alt="SPACER" /><a href="collection.html">COLLECTION</a><img src="images/link_spacer.png" width="20" height="5" alt="SPACER" /><a href="trade.html">TRADE AREA</a><img src="images/link_spacer.png" width="20" height="5" alt="SPACER" /><a href="contact.html">CONTACT</a><img src="images/link_spacer.png" width="20" height="5" alt="SPACER" /><a href="press.html">PRESS</a><img src="images/link_spacer.png" width="20" height="5" alt="SPACER" /><a href="blog.html">BLOG</a></div>
<div id="tempest_divider">
<hr>
</div>
<div id="tempest_divider_2">
<hr>
</div>
<div id="tempest_content">
<div id="tempest_sub_content">
<table width="500" border="0" cellspacing="0" cellpadding="0">
<tr>
<td><p class="Main_Text">Designed and made in the UK, Tempest’s collection of party dresses and red carpet worthy outfits features classic silhouettes that celebrate the female form. From sexy pencil dresses and flattering peplum shapes with embellished detailing, to lace finishes and soft lines, a Tempest dress will create a storm wherever you go.</p>
<p class="Main_Text">Tempest is stocked in leading independent boutiques all of the the UK, Ireland and parts of Mainland Europe. You can also find Tempest online at ASOS and Designer Desirables.</p>
<p class="Main_Text">If you are a buyer and would like to stock Tempest in your boutique please visit the 'Trade' area of our website or if youwold like to find out who your nearest stockist is please get in touch with us via the 'Contact' Page.</p></td>
</tr>
</table>
<p class="Main_Text"> </p></div>
<div class="tempest_page_title_text" id="tempest_page_title">ABOUT</div>
</div>
<div id="tempest_footer">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td> </td>
<td class="Main_Text">TRADE:</td>
<td class="Main_Text">FOLLOW US:</td>
<td class="Main_Text">SITEMAP</td>
<td class="tempest_copyright_text">Copyright Tempest Clothing Ltd 2013.</td>
</tr>
<tr>
<td> </td>
<td class="style_sitemap_navigation"><a href="trade.html" class="style_sitemap_navigation">REGISTER</a></td>
<td class="style_sitemap_navigation"><a href="http://www.twitter.com" class="style_sitemap_navigation">TWITTER</a></td>
<td class="style_sitemap_navigation"><a href="tandc.html" class="style_sitemap_navigation">T&C'S</a></td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="style_sitemap_navigation"><a href="trade.html" class="style_sitemap_navigation">LOGIN</a></td>
<td class="style_sitemap_navigation"><a href="http://www.facebook.com" class="style_sitemap_navigation">FACEBOOK</a></td>
<td class="style_sitemap_navigation"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="style_sitemap_navigation"> </td>
<td class="style_sitemap_navigation"> </td>
<td class="style_sitemap_navigation"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="style_sitemap_navigation"> </td>
<td class="style_sitemap_navigation"> </td>
<td class="style_sitemap_navigation"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="style_sitemap_navigation"> </td>
<td class="style_sitemap_navigation"> </td>
<td class="style_sitemap_navigation"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="style_sitemap_navigation"> </td>
<td class="style_sitemap_navigation"> </td>
<td class="style_sitemap_navigation"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="style_sitemap_navigation"> </td>
<td class="style_sitemap_navigation"> </td>
<td class="style_sitemap_navigation"> </td>
<td> </td>
</tr>
</table>
</div>
</div>
<?php Loader::element('footer_required'); ?>
</body>
</html>
Thanks anyway :)