Select (background) <style>

windows · Jan 10, 2008

Hi 
 
Have been trying to get the "select" to add a background image to it all day. Using the same method as inputs etc. but this style just isn't taking to the select. Any suggestions? 
 
---------------- 
Here's the code: 
 
<style> 
select.image { 
border-left: 1px solid #9FB6CD; border-right: 1px solid #9FB6CD; border-top: 1px solid #9FB6CD; border-bottom: 1px solid #9FB6CD; 
font: 8pt Verdana; 
background-image:url(<a class="postlink" href="http://www.borderprints.co.uk/logos/banner_7.gif">http://www.borderprints.co.uk/logos/banner_7.gif</a>); 
} 
select.image2 { 
border-left: 1px solid #9FB6CD; border-right: 1px solid #9FB6CD; border-top: 1px solid #9FB6CD; border-bottom: 1px solid #9FB6CD; 
font: 8pt Verdana; 
background-image:url(<a class="postlink" href="http://www.borderprints.co.uk/logos/banner_7.gif">http://www.borderprints.co.uk/logos/banner_7.gif</a>); 
} 
</style> 
<select name="test" class="image" onMouseOut="this.className='image'" onMouseOver="this.className='image2'"> 
<option>select please</option> 
<option>number one</option> 
<option>number two</option> 
</select> 
---------------- 
For an example for what it's supposed to do please go here: 
 
<a class="postlink" href="http://www.borderprints.co.uk/input.html">http://www.borderprints.co.uk/input.html</a> 
 
Any help would be greatfully received! 
 
Cheers!jackson17, 
 
First thing I would check is whether "Ad Blocking" is enabled on my PC. Some PC internet security systems are able to block all ads by certain file names like "ad", "banner" etc. 
 
Now, your images contain the word "banner" and are by default not shown on my PC. How about yours? And others? 
 
Just a suggestion before you keep on pulling hair out of your head in frustration.

Good suggestion philaweb, but this banner is not displaying on mine either. have sleipnir 1.41 on win xpYou can change the color and background-color, for the select and option in IE, but not an image or border. 
In Mozilla you can add an image and change the border to option.

Select (background) <style>

windows

Guest