| MIHDev |
|
|---|---|
|
You could take this approach:
Firstly, make sure you are not placing the new columns inside a <div id="rSide"> or <div id="lSide"> unless that is what you require.Lets say you made a new css element based on the rBoxHD and rBoxBody elements, add this to your CSS: .boxHD { color:#3E606F; background: url(img/SED-Light_rBoxHD.gif) no-repeat; width:240px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
.boxBody { width:240px; background:#FFF url(img/SED-Light_rBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; }Then put it all in a 3 column table with no border, cellpadding or cellspacing: <div>
<table width="790px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="boxHD">test1</div>
<div class="boxBody">test1</div>
</td>
<td>
<div class="boxHD">test2</div>
<div class="boxBody">test2</div>
</td>
<td>
<div class="boxHD">test3</div>
<div class="boxBody">test3</div>
</td>
</tr>
</table>
</div>Hope this helps. MIHDev [b]Know the question and you will be far more likely to get an answer.[/b]
|
