ZoomCities IT Community Webmaster Forum

Hey guys,

I have this site that uses a php script to built part of my page and well basically here is the code below. My question is with using CSS can override some of this using CSS or even define things that aren't there maybe to accomplish... more spacing between rows or margins around the table even...


<table id="AmzProductsList1_lstCategoryBox" class="gccat133688" cellspacing="0" cellpadding="0" border="0" width="99%">
<tr>
<td align="left" width="33%" nowrap="nowrap">
&bull; <a href="/index.php?gccid=155767">Cleansers, Scrubs & Face Washes</a></td><td align="left" width="33%" nowrap="nowrap">
&bull; <a href="/index.php?gccid=155774">Peels</a></td><td align="left" width="33%" nowrap="nowrap">

&bull; <a href="/index.php?gccid=155778">Spot Treatments</a></td>
</tr><tr>
<td align="left" width="33%" nowrap="nowrap">
&bull; <a href="/index.php?gccid=155768">Cleansing Pads</a></td><td align="left" width="33%" nowrap="nowrap">
&bull; <a href="/index.php?gccid=155775">Pore Clarifiers</a></td><td align="left" width="33%" nowrap="nowrap">
&bull; <a href="/index.php?gccid=155779">Toners & Astringents</a></td>

</tr><tr>
<td align="left" width="33%" nowrap="nowrap">
&bull; <a href="/index.php?gccid=155770">Masks & Scrubs</a></td><td align="left" width="33%" nowrap="nowrap">
&bull; <a href="/index.php?gccid=155777">Soaps</a></td><td align="left" width="33%" nowrap="nowrap">
&bull; <a href="/index.php?gccid=155780">Treatment Gels</a></td>

</tr>
</table>




That is the code the PHP script builds basically. I'm just not super great with CSS wondering if or how I could define that table in the CSS to maybe change how it looks some how.


Thank you all!

You would change it to floats.

CSS:

#box {
float:left;
display:inline;
width:33%;
}

HTML:

<div id="box">
<a href="http://something.com/">Link</a>
<a href="http://something.com/">Link</a>
<a href="http://something.com/">Link</a>
<a href="http://something.com/">Link</a>
</div>

<div id="box">
<a href="http://something.com/">Link</a>
<a href="http://something.com/">Link</a>
<a href="http://something.com/">Link</a>
<a href="http://something.com/">Link</a>
</div>

<div id="box">
<a href="http://something.com/">Link</a>
<a href="http://something.com/">Link</a>
<a href="http://something.com/">Link</a>
<a href="http://something.com/">Link</a>
</div>