Hi i encounterd some problem when i implement CSS for rounded Corner table.
Need help please... :D
[html]
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="description" content="Heaventure Sole-Proprietor">
<meta name="keywords" content="Heaventure, Company, Heaventure Company, Singapore" />
<title>Heaventure</title>
<style type="text/css">
<!--
b.rtop, b.rbottom{display:block; background: #FFFFFF}
b.rtop b, b.rbottom b{display:block; height: 1px; overflow: hidden; background: #89deff}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}
-->
</style>
</head>
<body bgcolor = "#FFFFFF">
<center><img src="images/logo.gif" alt="Heaventure"></center><br>
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>
<table width="300" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#89deff">
<tr>
<form name="form1" method="post" action="checklogin.php">
<td>
<table width="100%" border="0" cellpadding="3" cellspacing="5" bgcolor="#89deff">
<tr>
<td colspan="3"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Member Login</font> </strong></td>
</tr>
<tr>
<td width="78"><font face="Verdana, Arial, Helvetica, sans-serif">Username</font></td>
<td width="6">:</td>
<td width="294"><input name="myusername" type="text" id="myusername"></td>
</tr>
<tr>
<td><font face="Verdana, Arial, Helvetica, sans-serif">Password</font></td>
<td>:</td>
<td><input name="mypassword" type="password" id="mypassword"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="Submit" value="Login"></td>
</tr>
</table>
</td>
</form>
<tr>
<form name="form2" method="post" action="contact.php">
<td>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#89deff">
<tr><td colspan="1"></td></tr>
<tr><td><hr align = "center" size = "5" width = "100%"></td></tr>
<tr><td><input type="submit" name="contact" value="Contact Admin"></td></tr>
</table>
</td>
</form>
</tr>
</table>
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<br>
<p>
<center>
<font face="Tahoma" size="1">
<span>2007 © Heaventure All Right Reserved</span>
</font>
</center>
</p>
</body>
</html>
[/html]
have a look the following image
http://xs320.xs.to/xs320/07420/heaven.jpg
two lines, both upper and bottom line, are too long. Is there anyway to solve this problem??
Thanks in advance.