Ultimate Web Site Drop Down Menu Forum

Ultimate Web Site Drop Down Menu Forum (http://www.udm4.com/forum/index.php)
-   CSS and HTML (http://www.udm4.com/forum/forumdisplay.php?f=8)
-   -   Changing the border style of a drop down (http://www.udm4.com/forum/showthread.php?t=760)

ISMAILC 12-07-2007 06:12 AM

Changing the border style of a drop down
 
Hi,

I'm trying to change the style (border) of a dropdown.
This code works on a normal text box but not on a drop down or lookupbox.

I can change the width, text color but not the border of the drop down!

Style="border : 1px solid #CCCCCC;"

Anyone please Assist!

Regards,
Ismail

vinyl-junkie 12-14-2007 03:13 AM

Here's an example I worked up. Notice that on the top element of the dropdown, you're putting a border around the top and sides of the menu item. On the bottom element, you're putting a border around the bottom and sides.

p.s. - Yes, I know it's better to put the styles in an external stylesheet. I was just being lazy when I did this. ;)

Code:

<select name="SearchFormat" Style="border: 2px solid blue; ">

<option  value="Cassette" Style="color: green; border-top : 2px solid blue; border-left : 2px solid blue;border-right : 2px solid blue;">Cassette</option>
<option  value="CD" Style="border-left : 2px solid blue;border-right : 2px solid blue;">CD</option>
<option  value="CD-R" Style="border-left : 2px solid blue;border-right : 2px solid blue;">CD-R</option>
<option  value="DualDisc" Style="border-left : 2px solid blue;border-right : 2px solid blue;">DualDisc</option>
<option  value="DVD" Style="border-left : 2px solid blue;border-right : 2px solid blue;">DVD</option>
<option  value="DVD-R" Style="border-left : 2px solid blue;border-right : 2px solid blue;">DVD-R</option>
<option  value="LP" Style="border-left : 2px solid blue;border-right : 2px solid blue;">LP</option>
<option  value="VCD" Style="border-left : 2px solid blue;border-right : 2px solid blue;">VCD</option>
<option  value="VHS" Style="border-left : 2px solid blue;border-right : 2px solid blue;">VHS</option>
<option  value="45" Style="border-left : 2px solid blue;border-right : 2px solid blue;">45</option>
<option  value="78" Style="border-bottom : 2px solid blue; border-left : 2px solid blue;border-right : 2px solid blue;">78</option>
</select>


ISMAILC 12-14-2007 10:51 AM

Thank You - add to xslt file
 
Hi, Aplogies for the late reply as i was sick for a few days.
Thank You for your help!

I'm using flowcentric that reads an xslt file.

I only have a style property in the object (drop down) to work on.

Can I add this to my xslt file & how do i link them up as I am clueless.

THANK YOU!!!

ISMAILC 12-18-2007 06:41 AM

Border style not changed
 
Hi,

I copied the code & tested in normal html page.
Unfortunately the the drop down border did not change as only the first option font chaged to green.

But the border does not change at all!

Thank You

Regards

vinyl-junkie 12-18-2007 11:14 AM

Just remove the text "color: green" (without the quotes) and the text color will be back to normal.

As for the border color problem, I was testing this in Firefox, and forgot to do the same in Internet Explorer. My bad. After doing a little Googling on the problem, seems that this is a known bug in Internet Explorer. The blog I read on the subject expressed the wish that this problem would be fixed in IE7. Obviously, this has not been the case. :(

ISMAILC 12-18-2007 11:36 AM

Thank You
 
A Big Thank You - I now know it's not possible at all!

Is there no other way to do something like a lookup?
e.g. something like this forums fonts & sizes drop downs or onfocus?

THANK YOU!!!


All times are GMT. The time now is 10:45 PM.

Powered by vBulletin® Version 3.0.1
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.