Solved

multiple selection list and png image

Posted on 2014-03-10
5
370 Views
Last Modified: 2014-03-12
I have to create a multiple selection list which isn't a problem.  The problem is incorporating a png graphic of the button I want to use with it.  Any suggestions?
0
Comment
Question by:lrollins
5 Comments
 
LVL 70

Expert Comment

by:Jason C. Levine
ID: 39919385
Is this the submit button for the form?
0
 
LVL 58

Expert Comment

by:Gary
ID: 39919408
Any suggestions?
A suggestion that you tell us what the problem is
0
 
LVL 1

Author Comment

by:lrollins
ID: 39920330
It's a drop down list of our products.  I don't know how to incorporate the png image into the coding for the selection list.  Below is a sample code.

<select>
<option>male</option>
<option>female</option>
<option>others</option>
</select>
Selects-Bar.jpg
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 250 total points
ID: 39921214
Well it is a pretty lame effect, but I think it might be possible for Firefox using the image as a background perhaps, but for anything really effective you might want to look around for some kind of jquery hack in a plugin. Generally you have to swap layers in and out if you want the image to work correct and display the selected value.

It is poor design and you will find users complain unless it is 100% reliable (good luck with that).  You might want to consider doing it using a list styled to look like a select, and using events to handle the click; otherwise you are going to run into all kinds of issues.  

I have seen various attempts at this but I have yet to see one that works reliable and cross browser; so the best you are going to find is something that sort of works part of the time for some browsers.

Cd&
0
 
LVL 1

Author Closing Comment

by:lrollins
ID: 39923338
You are correct.  After doing research, I've come to the conclusion that it will be easier to just do a simple selection list.  I'll make the other buttons fancy.  Thanks.
0

Featured Post

Free Tool: Postgres Monitoring System

A PHP and Perl based system to collect and display usage statistics from PostgreSQL databases.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
I really need help in my css for such a simple change, but can't find the code to do it 13 53
Session on Html 8 42
html form layout 4 38
Calculating percentage 2 32
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article discusses how to create an extensible mechanism for linked drop downs.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

730 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question