471,059 Members | 1,447 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,059 software developers and data experts.

Need Help, Rounded Corner Table Using CSS

Hi i encounterd some problem when i implement CSS for rounded Corner table.

Need help please... :D

<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" />


<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}

<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">
<form name="form1" method="post" action="checklogin.php">

<table width="100%" border="0" cellpadding="3" cellspacing="5" bgcolor="#89deff">
<td colspan="3"><strong><font face="Verdana, Arial, Helvetica, sans-serif">Member Login</font> </strong></td>
<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>
<td><font face="Verdana, Arial, Helvetica, sans-serif">Password</font></td>
<td><input name="mypassword" type="password" id="mypassword"></td>
<td><input type="submit" name="Submit" value="Login"></td>

<form name="form2" method="post" action="contact.php">

<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>

<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>
<font face="Tahoma" size="1">
<span>2007 Heaventure All Right Reserved</span>


have a look the following image


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 2837
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 leo001 | last post: by

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.