Thread: rounded tables?
Results 1 to 4 of 4
Help with Tables!!!! Forum: HTML ForumReplies: 1
Tables in css can this be done Forum: CSS ForumReplies: 3
TABLES- can any one help me stop the text streching the tables. Forum: HTML ForumReplies: 2
Avoiding nested tables or grouping separate tables in chunks Forum: HTML ForumReplies: 2
help with tables! Forum: HTML ForumReplies: 2
12-24-2003, 05:08 PM #1
how do you make the tables rounded on the sides. im thinking you use an .gif? how would i go about doing it?
12-24-2003, 06:01 PM #2
yes you use an image to do this.
Easiest way to see an example is to find one you like on the web, then right-click and choose View Source.
Then you will see how its done..If one of our members helps you, please click the icon to add to their reputation!
No support via email or private message - use the forums!
Before you ask, have you Searched?
12-24-2003, 08:08 PM #3
Here's a couple of tutorials for you:
12-27-2003, 10:21 PM #4Originally Posted by Luzer
This is pretty simple, but in case you don't know, this is it:
<table border="0"> <tr> <td> Text </td> </tr> </table>
Method 1: background:
It is a little tricky, but you can just have it so that the background is a color stretched out with the outline of the table rounded. Then you just position the table through line breaks and paragraph tags.
Method 2: layers:
Layers are great. They allow you to both position something without tables, and put one thing on top of another. In this case you would have the image of the border where ever you want the table. Then you would use this code to position a layer with the table over the image.
<div id="Layer1" style="position:absolute; left:10px; top:14px; width:150px; height:150px; z-index:1"> <p>Text here </p> </div> <img src="" alt="" name="blah" width="150" height="150" />