X-Cart forums - View Single Post

Sisom · #2 07-24-2010, 03:44 AM

Just to illustrate the difference, this is the old code (full of unnecessary code - talk about making life difficult for yourselves!):

Code:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>The store is closed</title>
<style type="text/css">
<!--
html, body {
    background-color: #ffffff;
    margin: 0px;
    padding: 0px;
    height: 100%;
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 11px;
}
#page-container {
    position: relative;
    min-height: 100%;
}
#header {
    width: 100%;
    height: 110px;
}
#header .line1 {
    height: 130px;
    padding: 5px;
}
#header .line1 .logo {
    margin-left: 18%;
}
#header .line1 .logo img {
    width: 376px;
    height: 130px;
    margin:10px 0 0 0;
}
#header .line2 {
    width: 1000px;
    margin:0 auto;
    border: none;
    background: url(skin1/images/closedbar.gif) no-repeat center center;
    padding-bottom:13px;
    height: 40px;
}
#center {
    padding-bottom: 60px;
}
#dialog-message {
    border: none;
    margin-left: 20%;
    margin-right: 20%;
    min-height: 120px;
    vertical-align: middle;
    text-align: left;
}
#dialog-message #icon {
    float: left;
    width: 100px;
}
#dialog-message #main {
    margin-left: 100px;
}
#dialog-message h1 {
    float: right;
    margin: 10px 0px;
    padding: 0;
    font-size: 14px;
    color: #3e3104;
}
#dialog-message .message {
    color: #ffffff;
    font-weight: bold;
    clear:right;
    line-height:40px;
}
#dialog-message a {
    color: #043fa0;
    font-weight: bold;
}
#footer {
    height: 39px;
    width: 100%;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    float: left;
}
#footer .box {
  width: 100%;
  border: none;
  border-top: 1px solid #cb480c;
  padding: 0px;
}
#footer .subbox {
  border-top: #ffd30d 1px solid;
  background: #f4f5f7 none;
  height: 40px;
  vertical-align: middle;
  padding: 0px;
}
#footer .subbox .left {
  background: transparent none;
  margin-left: 18%;
  line-height: 40px;
  vertical-align: middle;
}
-->
</style>
</head>
<body>
    <div id="page-container">

      <div id="header">
        <div class="line1">
            <div class="logo">
                <img src="skin1/images/xlogo.gif" alt="" />
            </div>
        </div> 
        <div class="line2">
            &nbsp;
        </div>
    </div>

    <div id="center">
        <div id="dialog-message">
            <div id="icon">
              <!--    <img src="skin1/images/lock.jpg" alt="" /> -->
            </div>
            <div id="main">
                <h1>MrDTrading is closed for maintenance.</h1>
                <p class="message">We are temporarily closed. We apologise for the inconvenience. Please check back soon.</p>
            </div>
        </div>
    </div>

    <div id="footer">
       <!--    <div class="box">
          <div class="subbox">
            <div class="left">Powered by X-Cart shopping cart software</div>
            </div>
        </div> -->
    </div><!-- END OF FOOTER -->

    </div>
</body>
</html>

Just compare the two.