472,989 Members | 3,134 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

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

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

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

Similar topics

7
by: Mel | last post by:
how can i have a rounded edge button in my forms using CSS ? thanks Mel
4
by: Dan V. | last post by:
What is the best way to have a background image stretch and have the 'left rounded corner' look. Please see the top header at this website for an example: www.kingtree.ca and...
1
by: Stephen Takacs | last post by:
I've been reading lots of rounded corners table tutorials lately, because I'm a Perl guru, not an HTML guru. :-) So far all of the examples I've seen have edges with narrow angles, which fit...
1
by: MrNobody | last post by:
I want to have a boxed off area on my GUI which will behave essentially like a very simple ListBox, with items stacking vertically in a list with a scroll bar if the stacked items go beyond the...
3
by: laredotornado | last post by:
Hi, I was recently exploring JQuery and the rounded corner plugin -http:// methvin.com/jquery/jq-corner-demo.html, unfortunately, this plug-in seems to only apply to rounding corners in the...
5
by: Stuart Ferguson | last post by:
I am looking to create the effect shown in the image (http://img291.imageshack.us/img291/4476/effectuc6.jpg) this is taken from www.asp.net. I was wondering if there is a specific technique to...
1
by: kidelectric | last post by:
The issue I am having is that I would like to be able to drag-and-drop div elements that have rounded corners.* Since these elements will be dynamically created (including background color), I could...
2
by: raknin | last post by:
Hi, I am looking for a css and js solution for making rounded corners, with no images. Currently I tried to use nify corners as describe in http://www.html.it/articoli/nifty/index.html in example...
2
by: manjitsarma | last post by:
Please tell me how to get a panel with rounded corner.. I am using below code for that,but i am not getting the panel with rounded corners.If the value of Radius is increased only the Width of...
0
by: Aliciasmith | last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
0
tracyyun
by: tracyyun | last post by:
Hello everyone, I have a question and would like some advice on network connectivity. I have one computer connected to my router via WiFi, but I have two other computers that I want to be able to...
2
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
4
NeoPa
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
1
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
0
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 1 Nov 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM) Please note that the UK and Europe revert to winter time on...
3
by: nia12 | last post by:
Hi there, I am very new to Access so apologies if any of this is obvious/not clear. I am creating a data collection tool for health care employees to complete. It consists of a number of...
0
isladogs
by: isladogs | last post by:
The next online meeting of the Access Europe User Group will be on Wednesday 6 Dec 2023 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, Mike...
3
SueHopson
by: SueHopson | last post by:
Hi All, I'm trying to create a single code (run off a button that calls the Private Sub) for our parts list report that will allow the user to filter by either/both PartVendor and PartType. On...

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.