No replies
slegendre
Offline
Regular
Last seen: 12 years 10 weeks ago
Timezone: GMT-5
Joined: 2009-02-08
Posts: 11
Points: 5

Hello. So i've been slowly moving away from table design to pure CSS design. I've been playing around with several open source CMS, such as cmsmadesimple and joomla. I've found that these CMS systems run faster with pure CSS opposed to table design.

I'm designing a site now and created a basic template design. I've used some CSS to control some elements of the design, but would appreciate some help to convert my table design to pure CSS. Its a very small template design.

Please view the template here:
http://www.saintluciebakery.com/index.php?page=template

Please view the CSS I currently have here:
http://www.saintluciebakery.com/stylesheet.php?cssid=42

Alternatively, below is code i'd like to convert to pure CSS.

<body bgcolor="#ffffff" bottommargin="0" topmargin="0" leftmargin="0" marginheight="0" marginwidth="0" rightmargin="0">
<center>
<table border="0" cellpadding="0" cellspacing="0" width="766">
  <tr>
      <td width="7" height="481" valign="top" background="/uploads/images/lshadow.jpg">&nbsp;</td>
 
   <td valign="top">
   <table align="left" border="0" cellpadding="0" cellspacing="0" width="751">
          <tr> 
            <td> <table align="left" border="0" cellpadding="0" cellspacing="0" width="751">
                <tr> 
                  <td><img name="topleft" src="/uploads/images/topleft.jpg" width="197" height="172" border="0" alt=""></td>
 
                  <td><img name="logo" src="/uploads/images/logo.jpg" width="320" height="172" border="0" alt=""></td>
                  <td><img name="topright" src="/uploads/images/topright.jpg" width="234" height="172" border="0" alt=""></td>
                </tr>
              </table></td>
          </tr>
          <tr> 
            <td> <table align="left" border="0" cellpadding="0" cellspacing="0" width="751">
                <tr> 
                  <td>&nbsp;</td>
 
                  <td>&nbsp;</td>
                </tr>
              </table></td>
          </tr>
          <tr> 
            <td height="197" valign="top" bgcolor="#F2DCA8"> 
              <table width="100%" border="0" cellspacing="0" cellpadding="4">
                <tr> 
                  <td height="147"> 
                    <table width="100%" border="0" cellpadding="4" cellspacing="0" dwcopytype="CopyTableCell">
                      <tr> Template Page
                      </tr>
 
                    </table></td>
                </tr>
              </table></td>
          </tr>
          <tr> 
            <td background="/uploads/images/footerbg.jpg" width="751" height="91" align="center" class="footer"> 
              &copy; 2009 St.Lucie Bakery all rights reserved</td>
          </tr>
        </table>
 
	</td>
   <td valign="top" background="/uploads/images/rshadow.jpg" width="8">&nbsp;</td>
  </tr>
</table>
</center>
</body>

Thanks in advance for the help and learning!