Whassup Guys...<br />
<br />
I'm in the process of putting together a web site and I need to know the best way to get a cool looking rounded edge effect when I set up my tables with a colored background. (something that will work with CSS, which I need to learn also...)<br />
<br />
I've seen some sites that employ a .gif image at each corner to give the effect of a rounded edge.<br />
<br />
Is this the only way to achieve the rounded edge effect, or do I have other options?<br />
<br />
Any help would be greatly appreciated......<br />
Rockrz<!--content-->I think thats the only way to put rounded corners - with images<!--content-->Ya know, I could have sworn that I had run across a tutorial on tables where the corners could be rounded with code.<br />
<br />
I mean, c'mon! If we can send people to live in outer space, I would think that we could device alittle HTML code that could round the corners of a tables presentation on a web page.<br />
<br />
There's gotta be a way......reckon the web design mafia has been keeping this super advanced scripting from us? I know, I know, if you told me you'd have to kill me.......<br />
<br />
(seriously, though. I'm sure I've seen somthing written about this)<!--content-->I'm no expert on the more advance HTML, but I'm pretty sure there's no way that you can do that yet. And if there was such a thing in CSS2 or something, it would surely not be compatible with very many browsers.<!--content-->Since when did we start sending people to live in outer space? When we start really doing that maybe there will be code for radiused table corners, until then use anti-aliased JPG or GIF images.<br />
<br />
Regards,<br />
Kevin<!--content-->Well, we've got people living on that space station for weeks at a time. It's been going on for at least a year now..............<!--content-->Funny how some threads can go REALLY off topic.
<!--content-->Yeah, I know....<br />
I guess that's what I get for assuming we could code some round corners. I just figured if we could sucessfully keep pplo alive in a space station, then...you know....<!--content-->Yeah I know, you do have a point there.<!--content-->if you check into a program like Dreamweaver from macromedia, they have vector image options that output to raster images which are defined by slicing. best recomendation would be to search the macromedia site and Download <!--more--> the trial of Dreamweaver to see how they work, expecially since when creating a rounded corner manually with an image always seems to be 1 or 2 pixels off<br />
<br />
<br />
hope it helps<br />
chris<pixelmonkey>:monkey:<!--content-->Thanks for the info. I may check it out later when I've got some bucks to blow.<br />
I've never done any rounded corners before in a table, so I guess I'll try to learn how the conventional way first.......<!--content-->cool! if you hit any walls or need some more help, just send another reply!<br />
<br />
the monkey didnt break it!<br />
chris<pixelmonkey>:monkey:<!--content-->Would anybody here know of a place where I can find a detailed tutorial about how to make nice looking tables with rounded corners?<!--content-->tinker with this...<br />
<br />
<html><br />
<br />
<head><br />
<title>New Page 1</title><br />
</head><br />
<br />
<body><br />
<br />
<center><br />
<center><br />
<table width="780" cellspacing="0" cellpadding="0" border="0"><br />
<tr><br />
<td width="100%"><br />
<table border="0" width="100%" cellspacing="0" cellpadding="0"><br />
<tr><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="700" bgcolor="#000000"> </td><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="20" bgcolor="#000000"> </td><br />
</tr><br />
<tr><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="20"><img border="0" src=http://www.htmlforums.com/archive/index.php/"file:///C:/junk/topleftcorner.gif" width="20" height="20"></td><br />
<td width="700"></td><br />
<td width="20"></td><br />
<td width="20"></td><br />
</tr><br />
<tr><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="20"></td><br />
<td width="700"></td><br />
<td width="20"></td><br />
<td width="20"></td><br />
</tr><br />
<tr><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="20"></td><br />
<td width="700"></td><br />
<td width="20"></td><br />
<td width="20"></td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</table><br />
</center><br />
</body><br />
<br />
</html><!--content-->Is this where i'r looking for?<br />
<!-- m --><a class="postlink" href="http://wish.html.tucows.com/designer/tips/roundtables.html">http://wish.html.tucows.com/designer/ti ... ables.html</a><!-- m --><!--content-->
<br />
I'm in the process of putting together a web site and I need to know the best way to get a cool looking rounded edge effect when I set up my tables with a colored background. (something that will work with CSS, which I need to learn also...)<br />
<br />
I've seen some sites that employ a .gif image at each corner to give the effect of a rounded edge.<br />
<br />
Is this the only way to achieve the rounded edge effect, or do I have other options?<br />
<br />
Any help would be greatly appreciated......<br />
Rockrz<!--content-->I think thats the only way to put rounded corners - with images<!--content-->Ya know, I could have sworn that I had run across a tutorial on tables where the corners could be rounded with code.<br />
<br />
I mean, c'mon! If we can send people to live in outer space, I would think that we could device alittle HTML code that could round the corners of a tables presentation on a web page.<br />
<br />
There's gotta be a way......reckon the web design mafia has been keeping this super advanced scripting from us? I know, I know, if you told me you'd have to kill me.......<br />
<br />
(seriously, though. I'm sure I've seen somthing written about this)<!--content-->I'm no expert on the more advance HTML, but I'm pretty sure there's no way that you can do that yet. And if there was such a thing in CSS2 or something, it would surely not be compatible with very many browsers.<!--content-->Since when did we start sending people to live in outer space? When we start really doing that maybe there will be code for radiused table corners, until then use anti-aliased JPG or GIF images.<br />
<br />
Regards,<br />
Kevin<!--content-->Well, we've got people living on that space station for weeks at a time. It's been going on for at least a year now..............<!--content-->Funny how some threads can go REALLY off topic.
<!--content-->Yeah, I know....<br />I guess that's what I get for assuming we could code some round corners. I just figured if we could sucessfully keep pplo alive in a space station, then...you know....<!--content-->Yeah I know, you do have a point there.<!--content-->if you check into a program like Dreamweaver from macromedia, they have vector image options that output to raster images which are defined by slicing. best recomendation would be to search the macromedia site and Download <!--more--> the trial of Dreamweaver to see how they work, expecially since when creating a rounded corner manually with an image always seems to be 1 or 2 pixels off<br />
<br />
<br />
hope it helps<br />
chris<pixelmonkey>:monkey:<!--content-->Thanks for the info. I may check it out later when I've got some bucks to blow.<br />
I've never done any rounded corners before in a table, so I guess I'll try to learn how the conventional way first.......<!--content-->cool! if you hit any walls or need some more help, just send another reply!<br />
<br />
the monkey didnt break it!<br />
chris<pixelmonkey>:monkey:<!--content-->Would anybody here know of a place where I can find a detailed tutorial about how to make nice looking tables with rounded corners?<!--content-->tinker with this...<br />
<br />
<html><br />
<br />
<head><br />
<title>New Page 1</title><br />
</head><br />
<br />
<body><br />
<br />
<center><br />
<center><br />
<table width="780" cellspacing="0" cellpadding="0" border="0"><br />
<tr><br />
<td width="100%"><br />
<table border="0" width="100%" cellspacing="0" cellpadding="0"><br />
<tr><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="700" bgcolor="#000000"> </td><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="20" bgcolor="#000000"> </td><br />
</tr><br />
<tr><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="20"><img border="0" src=http://www.htmlforums.com/archive/index.php/"file:///C:/junk/topleftcorner.gif" width="20" height="20"></td><br />
<td width="700"></td><br />
<td width="20"></td><br />
<td width="20"></td><br />
</tr><br />
<tr><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="20"></td><br />
<td width="700"></td><br />
<td width="20"></td><br />
<td width="20"></td><br />
</tr><br />
<tr><br />
<td width="20" bgcolor="#000000"> </td><br />
<td width="20"></td><br />
<td width="700"></td><br />
<td width="20"></td><br />
<td width="20"></td><br />
</tr><br />
</table><br />
</td><br />
</tr><br />
</table><br />
</center><br />
</body><br />
<br />
</html><!--content-->Is this where i'r looking for?<br />
<!-- m --><a class="postlink" href="http://wish.html.tucows.com/designer/tips/roundtables.html">http://wish.html.tucows.com/designer/ti ... ables.html</a><!-- m --><!--content-->