?
Solved

multiple selection list and png image

Posted on 2014-03-10
5
Medium Priority
?
406 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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 750 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: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

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

This article discusses how to create an extensible mechanism for linked drop downs.
This article explains how to prepare an HTML email signature template file containing dynamic placeholders for users' Azure AD data. Furthermore, it explains how to use this file to remotely set up a department-wide email signature policy in Office …
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

770 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