Comments on: Rounded Corner Form Elements

By: RAIDER

RAIDER — Sat, 10 Apr 2010 19:01:09 +0000

nice info

By: Progenitura

Progenitura — Sat, 25 Jul 2009 09:27:42 +0000

Thank you. Very quick response. Now I can understand 100%, and it works. Thanks again.

By: mbathon

mbathon — Fri, 24 Jul 2009 14:46:19 +0000

Thanks for the head’s up Progenitura, I must have lost those images when I uploaded the new design. Here are the links directly to them.

By: Progenitura

Progenitura — Fri, 24 Jul 2009 08:13:22 +0000

Very nice effect. But I still can’t figure it out what kind of images did you used. Could you please post them here or send them to me by mail ?

By: sarah bathew

sarah bathew — Mon, 01 Dec 2008 16:31:17 +0000

Hi i am trying to trace the Bathew family tree, I live in England but i know a few of our ancestors emigrated in the early 1900,s if you have any info on your ancestors i would greatly appreciate it and i will pass any info if you would like to know

Sarah

By: mbathon

mbathon — Fri, 03 Oct 2008 13:51:14 +0000

If you match the border color of the input, select, etc… to the background of the inside of your form elements, the border around the select box will go away in opera and firefox. I have noticed that IE will use its own blue border and safari will do its own thing inside the rounded box. You can always specify ie to not use the rounded corners in your ie css if it doesn’t work with your design.

Let me know if your find a way to remove it in ie.

By: Neil

Neil — Fri, 03 Oct 2008 07:00:48 +0000

It works with span class=”rndc” in place of the strong tag and span class=”rndc2″ in place of the em tag.

The border on my select drop down is still showing inside the rounded corner box.

I’ll have to have a look round to get that off. I’ll let you know how I get on.

By: mbathon

mbathon — Tue, 30 Sep 2008 13:53:50 +0000

Neil,

It looks like what you wanted to check did not come through on the comment. I don’t really have any reason for picking the strong and em tag. When I first started using this method I was already using strong and em’s on rounded corner background images and just used similar HTML for these. You can use any HTML tag as your hook for the CSS if you like. I prefer inline elements like strong, em and span, but you can use div or any other element that nests well if you would rather.

By: Neil

Neil — Tue, 30 Sep 2008 10:32:18 +0000

This looks great, but why do you use strong and em tags?

Could you use and instead?

I’m going to try anyway, and test in ie7 ie6 FF and Saf

By: Greg Huels

Greg Huels — Tue, 22 Jul 2008 13:08:51 +0000

This was very batholomewelicious. And informative too…