View Full Version : How To : Rounded Login Box

05-28-2010, 11:18 AM

I'm new to HTML/CSS , i want to create a login box exactly similar to


for my school project, but i cant understand how to proceed. Can anyone help?

05-28-2010, 11:58 AM
There is much information here (http://www.exitfegs.co.uk/Sources.html). Right hand column. Use the search box.
CSS3 makes it easy. This Sources program (http://www.exitfegs.co.uk/Sources.html) uses CSS3 to get rounded corners which will not show in IE yet but degrades well. Firefox and Chrome show it OK.

Have a go and get back to us if you need to. Show us what code you have written or better still a link to the page.
You will probably need to make a background image for the div you show. You will appreciate that as it is a school project, we cannot code it for you. But we can and will help where it is appropriate.

This site looks helpful. (http://www.picment.com/articles/css/funwithforms/)

Frank (http://www.exitfegs.co.uk/)

and this one. (http://www.wittysparks.com/2008/08/24/create-beautiful-form-fields-using-css-and-images/)

Google found these. (http://www.google.co.uk/#hl=en&source=hp&q=css+for+form+box+with+background+image&aq=f&aqi=&aql=&oq=&gs_rfai=&fp=49f4e8b863d17f2e)

05-31-2010, 04:43 AM
That first link you posted is brilliant. Tons of great info there.

05-31-2010, 06:23 AM
Is your problem solve? let me know if it is not.