Necessity is the mother of all...
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