A section of what I am developing for my site requires the User to select an avatar for their account.

1)Instead of using visible radio buttons I have decided to allow the actual avatar image to act as the radio button for selection.

I am receiving various results based upon the browser being used, different renderings and functionalities. (Please see attached screenshot for each browser)


I need to learn how to fix this and make it consistent across all browsers.

Also, This link is to a JSFIDDLE example which I have been using to learn how to proceed with the radio buttons as images. This is the exact HTML/CSS I am using in the example images, above. http://jsfiddle.net/La8wQ/10/

2)After a User chooses an avatar for their account and selects the "Submit" button on the same page, a new page needs to load displaying the avatar; I am confused as to what method to use to do this and also - Should I be storing the avatar images in a folder on the server to have the images selected from or should I be storing them in a database on my hosting site and use PHP/MySQLi to implement this?

Thank you in advance for any help!

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, learning, and sharing knowledge.