A long, long time ago… before Google, AltaVista, Yahoo, there were books used for reference. I remember this because now I can ‘google’ something I need to know right now and not have to buy or check out a book on the topic. But I digress. Here’s a piece a code that I know I’ll need later so I’m making a note to myself and sharing with anyone else that would need it.

This code may be sloppy or even offensive to a professional but whatever. I’m a professional enthusiast!

So this is how to create table like content boxes with-in your Wordpress page with two columns and three rows. Apparently using the HTML table tags is so last year, so there you go *scoots you off*

<br />
<style type="text/css"><br />
<!--<br />
#row {<br />
  clear: both;<br />
  padding-top: 10px;<br />
  }<br />
#container1 {<br />
  background-image: url(/images/pic.gif);<br />
  background-repeat: no-repeat;<br />
  border:1px solid #900;<br />
  float: left;<br />
  top: 500px;<br />
  width: 285px;<br />
  height: 125px;<br />
}<br />
#container2 {<br />
  background-image: url(/images/pic.gif);<br />
  background-repeat: no-repeat;<br />
  border:1px solid #900;<br />
  float:right;<br />
  top: 500px;<br />
  width: 285px;<br />
  height: 125px;<br />
 }<br />
 #container3 {<br />
  background-image: url(/images/pic.gif);<br />
  background-repeat: no-repeat;<br />
  border:1px solid #900;<br />
  float: left;<br />
  top: 675px;<br />
  width: 285px;<br />
  height: 125px;<br />
}<br />
#container4 {<br />
  background-image: url(/images/pic.gif);<br />
  background-repeat: no-repeat;<br />
  border:1px solid #900;<br />
  float:right;<br />
  top: 675px;<br />
  width: 285px;<br />
  height: 125px;<br />
 }<br />
 #container5 {<br />
  background-image: url(/images/pic.gif);<br />
  background-repeat: no-repeat;<br />
  border:1px solid #900;<br />
  float: left;<br />
  top: 800px;<br />
  width: 285px;<br />
  height: 125px;<br />
}<br />
#container6 {<br />
  background-image: url(/images/pic.gif);<br />
  background-repeat: no-repeat;<br />
  border:1px solid #900;<br />
  float:right;<br />
  top: 800px;<br />
  width: 285px;<br />
  height: 125px;<br />
 }<br />
--><br />
</style>`

`<br />
<div align="bottom"><br />
<h4>We offer the following products</h4><br />
Business Cards 4x6 postcards letterheads envelopes posters ncr forms<br />
<div id="row"><br />
<div id="container1">Business Cards</div><br />
<div id="container2">4x6 postcards</div><br />
</div><br />
<div id="row"><br />
<div id="container3">letterheads</div><br />
<div id="container4">envelopes</div><br />
</div><br />
<div id="row"><br />
<div id="container5">posters</div><br />
<div id="container6">ncr forms</div><br />
</div><br />
</div><br />

And yes… I will be polishing off my random posts that I neglected during the week. Sorry for the blogging faux pass… no I’m not :~D