rounded table edges

[monkeymeister]

I have created 4 images for each corner of my table to make the table look like it has rounded edges. But when I add the images to my HTML I get a border around them. Does anybody know how to get rid of this?


Thanks,

Mike

 

[BillyRayPreachersSon]

Yes - use CSS, either in your HEAD section:

<style type="text/css">
img {
   border: none;
}
</style>

or inline:

<img ... style="border:none;" />

Hope this helps,
Dan

[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[BillyRayPreachersSon]

Hmm... That is assuming, of course, that it is a border you are seeing, and not cell padding or cell spacing. If either of those are the case, you'd need to set them to "0" in your table definition.

Dan


[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[monkeymeister]

I still get the same problem. Here is my code :

<table width="550" bgcolor="blue" border="0">
<tr>
<td width="100"><img src="images/header1.jpg" Width="100" Height="10" style="border:none;"></td>
<td width="150"></td>
<td width="50"></td>
<td width="100"></td>
<td width="150"><img src="images/header2.jpg" Width="158" Height="10" style="border:none;"></td>
</tr>
<tr>
<td align="right" width="100" class="main">Company Key</td>
<td align="left" width="150"><asp:textbox id="txtCompanyKey" runat="server" Font-Name="verdana"></asp:textbox></td>
<td width="50"></td>
<td align="right" width="100" class="main">Company Name</td>
<td align="left" width="150"><asp:textbox id="txtCompanyName" runat="server" Font-Name="verdana"></asp:textbox></td>
</tr>
</table>


Thanks,

Mike

 

[BillyRayPreachersSon]

Yes - you need to follow the second piece of advice. It's not a border on the image you are seeing, but the default cell padding or spacing.

Dan


[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]

 

[monkeymeister]

Thanks Dan,

I would've thought that the default for cellpadding and cellspacing would be 0 anyway, that's why I didn't try setting them to 0.


Mike

 

[BillyRayPreachersSon]

The easy way to tell is to turn your table borders on... some browser defaults differ from others, too - and not just for table padding, but body margins, and other bits and pieces. If in doubt, always set them explicitly.

Good to see you got it sorted in the end!

Dan


[tt]Dan's Page [blue]@[/blue] Code Couch

http://www.codecouch.com/dan/

[/tt]