CSS/Html Rounded tables

[K-Dude]

Im looking for a cool rounded table design using html/css. Im not looking to create my own as I dont have time for that, any good links?

[DDD]

lol @ rounded tables. I hope this is a booby trap, so you can lure in a developer still using tables then staple his/her ears to their heads.

But you can try templatemonster. I heard 90's style developers hang out there.

[K-Dude]

Yes that was exactly my plan, now its foiled. Damn you ddd.

So just out of interest...what do the hip developers use now instead? :ne:

[DDD]

The in crowd uses CSS
http://cssjuice.com/25-rounded-corners-techniques-with-css/

lots of ways to do it. But it is alot easier with css when you get the hang of it.

[hybrid101]

:lol: nice link though, DDD:D

[wes_design]

:lol: nice link though, DDD:D

this link is also helpful

http://www.cssplay.co.uk/

but the website front page design has gotten worse in my opinion

[DDD]

this link is also helpful

http://www.cssplay.co.uk/

but the website front page design has gotten worse in my opinion
ZOMGWTFBBQCHKN


My name is Stuart Nicholls, but known to everyone as just Stu. I am 61 years old, married with two children, work as an electronics design draughtsman and have a passion for computers and photography.

Learning css from a 61 year old dude seems just plain wrong. Sorry wes if this is you. :lol:

[wes_design]

ZOMGWTFBBQCHKN



Learning css from a 61 year old dude seems just plain wrong. Sorry wes if this is you. :lol:
just because I am a little more sophisticated than you doesn't mean I am 61 yrs old

I am actually 79yrs old working with the same amount of hair on my head as Homer Simpson =P :P

[K-Dude]

Alright, thanks for the links.

One of them lead to to some "one-image" technique, but its not working for me.

The image is here:

http://img115.imageshack.us/img115/987/roundboxex1.png

and the CSS is...



/* set the image to use and establish the lower-right position */
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 {
background: transparent url(RoundBox.png) no-repeat bottom right;
}
.cssbox {
width: 335px !important; /* intended total box width - padding-right(next) */
width: 320px; /* IE Win = width - padding */
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */
margin: 20px auto; /* use to position the box */
}

/* set the top-right image */
.cssbox_head {
background-position: top right; margin-right: -15px; /* pull the right image over on top of border */
padding-right: 40px; /* right-image-gap + right-inside padding */
}

/* set the top-left image */
.cssbox_head h2 {
background-position: top left;
margin: 0; /* reset main site styles*/
border: 0; /* ditto */
padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
height: auto !important; height: 1%; /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body {
background-position: bottom left;
margin-right: 25px; /* interior-padding right */
padding: 15px 0 15px 40px; /* mirror .cssbox_head right/left */
}

Any idea whats wrong? Remember, I have no knowledge at all of CSS and dont intend to learn it...I just need this one thing to work ;)