• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 204
  • 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
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Microsoft Windows 7 Basic

This introductory course to Windows 7 environment will teach you about working with the Windows operating system. You will learn about basic functions including start menu; the desktop; managing files, folders, and libraries.

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