can i? if so, how?
<!--content-->Tables can't be rounded, only graphics can have rounded corners.<!--content-->Originally posted by starrwriter <br />
Tables can't be rounded, only graphics can have rounded corners. Completely incorrect. CSS3 defines a property called border-radius, however, Mozilla is among one of the first (and only) browsers that supports it so far and uses a vendor-specific prefix (-moz-border-radius) until it becomes more widely supported. Here's an example of an element with a rounded border:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>untitled</title><br />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /><br />
</head><br />
<body><br />
<div style="-moz-border-radius: 10px; border: solid 1px #000; height: 100px; width: 250px;"></div><br />
</body><br />
</html>This can easily be applied to tables or other elements, I just used a <div> element for an example. Note, however, as mentioned before, only Mozilla supports this as of now so it will fail in other browsers such as IE (of course) and Opera. CSS3 is going to have more a lot of more cool stuff like this, check out the CSS3 Roadmap (<!-- m --><a class="postlink" href="http://www.w3.org/TR/css3-roadmap/">http://www.w3.org/TR/css3-roadmap/</a><!-- m -->).<!--content-->so starrwriter isn't completely incorrect...<br />
<br />
what does IE display when you use that mozilla specific tag?<!--content-->Hi!<br />
<br />
ie will just display a normal border with unrounded corners (90?angles)...<br />
<br />
Cheers - Pit<!--content-->
<!--content-->Tables can't be rounded, only graphics can have rounded corners.<!--content-->Originally posted by starrwriter <br />Tables can't be rounded, only graphics can have rounded corners. Completely incorrect. CSS3 defines a property called border-radius, however, Mozilla is among one of the first (and only) browsers that supports it so far and uses a vendor-specific prefix (-moz-border-radius) until it becomes more widely supported. Here's an example of an element with a rounded border:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"<br />
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br />
<br />
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><br />
<head><br />
<title>untitled</title><br />
<meta http-equiv="Content-Type" content="application/xhtml+xml; charset=iso-8859-1" /><br />
</head><br />
<body><br />
<div style="-moz-border-radius: 10px; border: solid 1px #000; height: 100px; width: 250px;"></div><br />
</body><br />
</html>This can easily be applied to tables or other elements, I just used a <div> element for an example. Note, however, as mentioned before, only Mozilla supports this as of now so it will fail in other browsers such as IE (of course) and Opera. CSS3 is going to have more a lot of more cool stuff like this, check out the CSS3 Roadmap (<!-- m --><a class="postlink" href="http://www.w3.org/TR/css3-roadmap/">http://www.w3.org/TR/css3-roadmap/</a><!-- m -->).<!--content-->so starrwriter isn't completely incorrect...<br />
<br />
what does IE display when you use that mozilla specific tag?<!--content-->Hi!<br />
<br />
ie will just display a normal border with unrounded corners (90?angles)...<br />
<br />
Cheers - Pit<!--content-->