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

.:technocratia:.

Technocratia is my digital journal to all things technical. The prodcuts we work with, play with, code, operating systems, people. Our entire digital ecosystem that has become an inseperable part of our lives.