Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Page 1 of 2 1 2 LastLast
Results 1 to 10 of 18
  1. #1
    Member nepharo's Avatar
    Join Date
    Jun 2003
    Posts
    73
    Member #
    1729
    Is there any css code to make tables with round corners? I don't want to do it manually
    I cannot self terminate, you must lower me into the fire.

  2.  

  3. #2
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    No, you need to do images.
    JR

  4. #3
    Senior Member
    Join Date
    Jun 2003
    Location
    Australia
    Posts
    735
    Member #
    1935
    actually i think there is a way..
    i think that transio knows how to do it. although i may be wrong..

    get in touch with him and ask.

  5. #4
    JR
    JR is offline
    Senior Member JR's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    4,354
    Member #
    257
    I think he could do it with JavaScript, but there is no point.
    JR

  6. #5
    Senior Member
    Join Date
    Jun 2003
    Location
    Australia
    Posts
    735
    Member #
    1935
    yes true, the effect will be alot better if you just use images..

  7. #6
    WDF Staff smoseley's Avatar
    Join Date
    Mar 2003
    Location
    Boston, MA
    Posts
    9,729
    Member #
    819
    Liked
    205 times
    You can always use a <fieldset></fieldset>, which will have round corners for Windows XP (but a grooved square look for older versions of Windows)

  8. #7
    Senior Member filburt1's Avatar
    Join Date
    Jul 2002
    Location
    Maryland, US
    Posts
    11,774
    Member #
    3
    Liked
    21 times
    You can also use some MS-proprietary CSS filters (glow does this, I believe). However I don't know of any cross-browser way other than images.
    filburt1, Web Design Forums.net founder
    Site of the Month contest: submit your site or vote for the winner!

  9. #8
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    I know it's not CSS, but why don't you draw a rounded rectangle in Photoshop, slice it into 3x3 using ImageReady, and export all but the middle slice to web? That way, your table is already defined and all you need to do is put your content in the middle.

    To get an idea of what I'm talking about, go here:

    http://www.ontariomantels.com

    I took a picture of a mantel, cut out the middle, and just sliced the top, middle, and bottom of the image. It's cross-browser compatible and liquid (if you do it right).
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  10. #9
    Member nepharo's Avatar
    Join Date
    Jun 2003
    Posts
    73
    Member #
    1729
    I always make the tables like that. I got curious two days ago while I was designing a clients site( while I was making the second round table). I just wish I didn't have to use images. Less graphics, faster page loads. I was just wondering if css already supported that and I just didn't know. I don't know why they don't add that code to css. It think it's reasonable to ask for it.
    I cannot self terminate, you must lower me into the fire.

  11. #10
    Junior Member Cinders117's Avatar
    Join Date
    Mar 2003
    Location
    Kent, OH
    Posts
    19
    Member #
    833
    Sure, you can use CSS...although it probably won't be perfect in certain browsers.

    http://www.redmelon.net/tstme/4corners/
    and
    http://www.albin.net/CSS/RoundedCorners/

    and if you don't care about IE users:
    http://www.bath.ac.uk/~cs1spw/demos/...er-radius.html


Page 1 of 2 1 2 LastLast

Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:21 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com