We help IT Professionals succeed at work.

need table converted to CSS / Divs

TrueBlue
TrueBlue asked
on
210 Views
Last Modified: 2012-05-11
Hi!
I greatly appreciate it if someone could convert this from tables to divisions and stylesheet rules.
It is on this page: http://www.orlando-web-hosting.net/
TIA

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" id="AutoNumber15" width="124">
<tr>
<td valign="top" width="2">
<img border="0" alt="" src="images/botl.gif" width="2" height="2"></td>
<td valign="top">
<img border="0" alt="" src="images/botop.gif" width="120" height="2"></td>
<td valign="top" width="2">
<img border="0" alt="" src="images/botr.gif" width="2" height="2"></td>
</tr>
<tr>
<td valign="top" class="boxleftside">
<img border="0" alt="" src="images/bol.gif" width="2" height="1"></td>
<td valign="top" bgcolor="#FFFFFF">
<div align="center">
<center>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="118" id="AutoNumber14">
<tr>
<td align="center" valign="top">
<p><b>
 <font size="2" color="#59669B">Latest News </font>
</b></p>
<p><font size="2">Updated H-Sphere Control Panel on all servers. Now version 3.4.</font></p>
</td>
</tr>
</table>
</center>
</div>
</td>
<td valign="top" class="boxrightside">
<img border="0" alt="" src="images/bor.gif" width="2" height="1"></td>
</tr>
<tr>
<td valign="top" class="boxbottom">
<img border="0" alt="" src="images/trans_spacer.gif" width="2" height="2"></td>
<td valign="top" class="boxbottom">
<img border="0" alt="" src="images/trans_spacer.gif" width="2" height="2"></td>
<td valign="top" class="boxbottom">
<img border="0" alt="" src="images/trans_spacer.gif" width="2" height="2"></td>
</tr>
</table>
Comment
Watch Question

Commented:
Unlock this solution and get a sample of our free trial.
(No credit card required)
UNLOCK SOLUTION

Author

Commented:
dnzone88,

I made a test page of the original HTML box and the suggested CSS box.
http://www.orlando-web-hosting.net/index1.asp
It needs to have the box around the text and to be centered.
Actually a little padding (like 5 pixels) around the text would be great.
And not sure where the panel 1 and panel 2 came from.
Thank you in advance.
Unlock the solution to this question.
Thanks for using Experts Exchange.

Please provide your email to receive a sample view!

*This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

OR

Please enter a first name

Please enter a last name

8+ characters (letters, numbers, and a symbol)

By clicking, you agree to the Terms of Use and Privacy Policy.