Nifty Corners - but need it applied to tables

Posted on 2007-10-01
Last Modified: 2012-06-21
I have tables of data and I want to use a tab selector at the top of the table and then a rounded corners table underneath.

Nifty Corners seems to want to do everything using <div> and <ul> and <p> and <h> tags...

I have not figured out how to apply it to Tables... i.e. given a table set the border, border style, corners rounded, background color of the header row, etc.

Does anyone know how to do this????
Question by:torrid333
    LVL 9

    Expert Comment

    Here's an old tutorial on how to accomplish this:

    Author Comment


    Nifty Corners is a specific javascript CSS script used for this purpose so that you don't have to create ANY images.  So the url you suggested is not helpful.

    LVL 9

    Expert Comment

    My mistake, no need to get snippy.  Do you have a link so I can see what you are doing?
    LVL 17

    Accepted Solution

    Considdering what I know of nifty, rounding of tables is virtually impossible. Unless it has a special method dedicated to tables you can write this one of as no-go. Since I think you'd have found out about any such code in the nifty howto's and such, it seems like tough luck.

    Of course you could possibly  wrap the table in a div, nifty the corners onto the div and use negative margins / relative positioning to position the table into the right position.

    Author Comment

    Fuzz --- That was not meant to be snippy but probably was "terse" as I was in a hurry.

    Mreuring -- there is a severe lack of info on Nifty except from the author yet there are a lot of websites recommending it.  it's very odd.  Anyway doing some playing around I did end up using divs inside tables and it worked.  Other posts on another site suggested it would not work but somehow I got it working.  This was all before reading your post but I will give you points anyway.

    Write Comment

    Please enter a first name

    Please enter a last name

    We will never share this with anyone.

    Featured Post

    Enabling OSINT in Activity Based Intelligence

    Activity based intelligence (ABI) requires access to all available sources of data. Recorded Future allows analysts to observe structured data on the open, deep, and dark web.

    CSS3 Custom checkboxes This article shows how to style the checkbox form element using only CSS. Works in: Chrome, FF, Safari, Opera, IE9+ Uses modernizr.js to check for :checked pseudo class, falling back to plain old checkboxes (IE8 and bel…
    Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
    In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
    The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

    759 members asked questions and received personalized solutions in the past 7 days.

    Join the community of 500,000 technology professionals and ask your questions.

    Join & Ask a Question

    Need Help in Real-Time?

    Connect with top rated Experts

    13 Experts available now in Live!

    Get 1:1 Help Now