468,483 Members | 2,690 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,483 developers. It's quick & easy.

Need Help, Rounded Corner Table Using CSS

crystal2005
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>&nbsp;</td>
<td>&nbsp;</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.
Oct 21 '07 #1
1 2757
drhowarddrfine
7,435 Expert 4TB
You are declaring html with the proper doctype, yet use XHTML closing tags ('/>'). Remove the slashes.

There are 29 html errors that need fixing.

I don't know how you could get rounded corners from using <b>. In addition, <b> is not a structural element but a styling element for text. Using it as you do is like saying "I want the color of the toy to be 50px wide".

In any case, you don't say how wide this is supposed to be but to follow the width of the table, it needs to be inside the table or wrapped in a div around the table.

If the function of the <b> is to provide a horizontal rule only, then use a <hr> (horizontal rule).
Expand|Select|Wrap|Line Numbers
  1. <hr style="width:50%;margin:0 auto;height:8px;background-color:blue">
Oct 21 '07 #2

Post your reply

Sign in to post your reply or Sign up for a free account.

Similar topics

7 posts views Thread by Mel | last post: by
1 post views Thread by Stephen Takacs | last post: by
1 post views Thread by MrNobody | last post: by
5 posts views Thread by Stuart Ferguson | last post: by
2 posts views Thread by raknin | last post: by
reply views Thread by NPC403 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.