(Second post today )

 

Does anyone know what code I need to style/round off the boxes on a form I'm about to create?

 

Thanks!

You can use css rounded corners, but it won't work for all browsers.

 

So, then you're going to need to create some images in photoshop (or similar) to use. Ideally, you could use CSS rounded corners but have different css for incompatible browsers.

 

Depends on how much effort you want to put into it really.

 

I used rounded corners on my contact form on my site - but I haven't put an alternative in.

 

I read this earlier in the week: http://jackosborne.co.uk/articles/is-css3-making-us-lazy/?utm_source=feedburner&utm_medium=email&utm_campaign=Feed:+jackosbornecouk+(jackosborne.co.uk)

Your form looks good...and what have you got against coriander?

Oh - don't get me started!!

 

I just find the stuff totally vile. Even the tiniest fleck of it makes me retch.

 

I found a site though which said that some people's taste of coriander is different to others which may explain why it tastes nice to some people, and not others.

 

It was just something stupid I put on the site when I was first building it and I decided to keep it.

And do you know in what browsers this wont work? and im not sure i can prodice little corner images as my background is textured?..

haha, i like your portfolio though

Have a look here Rich

Mate, that's awsome! Have you used this yet Jack?

I've downloaded it and in the folder are two files i cannot open and a php file. The site will eventually be given to developers to build it in ASP.NET, will PIE still work?

css3pie is great. I've used it on lots of sites. Although never considered the form boxes before.... may have to give it a go.

how do i impliment it? and is it php based?

getting started with pie

 

Looks like you only need the php if you have problems with the htc.file on your server, have a read of the known issues

Ok cool. so. what are the differences between all these border radiuses then?

 

border: 1px solid #999;

-webkit-border-radius: 10px;

-moz-border-radius: 10px;

border-radius: 10px;

 

UPDATE: just found this out!

Also, it has worked for FF and Chrome but not for IE, what have I not done? Is there something wrong with my url for the PIE.htc file maybe?

 

http://futureproofdesign.org/pt-academy/

Where have you uploaded the htc file

in the css folder

Give this a try

 

behavior: url(/css/PIE.htc);

cheers Jack,

 

still not working though, have you used this before and did it work?

Man, I've just been playing about with that but come up against other problems, I'll do again, when I'm not so tired I think! Cheers Jack. So, have you used this before?

It works now! Just needed to get rid of the / from the url...

Only thing is the backgrounds dont appear in IE now on the Apply Now page, how can I get over this and has this happened to anyone else?

 

http://www.multitraxpro.co.uk/pt-academy/applynow.html

Did you look at the known issues ?

 

add to your element position:relative;

if you want a jquery based solution then check out this one. http://jquery.malsup.com/corner/

I have downloaded it as well as in the folder are two files i cannot open as well as a php file. The site will finally be afforded to programers to build it in ASP.NET.