• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 202
  • Last Modified:

need table converted to CSS / Divs

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>
0
TrueBlue
Asked:
TrueBlue
1 Solution
 
dnzone88Commented:
no sure if this is what you want.

The html part
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="testing.css" />
</head>
<body>
<div class="clear"></div>
<div class="left">Panel 1</div>
<div class="center">Panel 2</div>
<div class="right">
	<div align="center" style="width:118px;">
		<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>
	</div>
</div>
<div class="clear"></div>
</body>
</html>

Open in new window


the CSS part
div.clear{
	clear: both;
}

div.left{
	float: left;
}

div.center{
	float: left;
}

div.right{
	float: right;
}

Open in new window

0
 
TrueBlueAuthor 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.
0

Featured Post

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now