Member Avatar for mattyd

Hello.

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)

radioButtons.jpg

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!
Matty

Edited by mattyd because: spelling
  • 2 Contributors
  • 1 Reply
  • 356 Views
  • 16 Hours Discussion Span
  • Latest Post Latest Post by diafol
Be a part of the DaniWeb community

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