is my question not clear ? please help me reoslve this
fachhoch wrote:
>
> after big search I got this code
>
>
> $(document).ready(function(){
> $('#program').wrap("<div class='wrapper'></div>");
> $('.wrapper').after("<div class='selectArrow'/>");
> $('.wrapper').find('select').mousedown(function(){
>
> $(this).parent().next().addClass('selectArrow-mousedown').removeClass('selectArrow-mouseover');
> }).
> mouseup(function(){
>
> $(this).parent().next().removeClass('selectArrow-mousedown').addClass('selectArrow-mouseover');
> }).
> hover(function(){
> $(this).parent().next().addClass('selectArrow-mouseover');
> }, function(){
>
> $(this).parent().next().removeClass('selectArrow-mouseover');
> });
>
> $('.selectArrow').click(function(){
> $(this).prev().find('select').focus();
> });
>
> $('.selectArrow').mousedown(function(){
>
> $(this).addClass('selectArrow-mousedown').removeClass('selectArrow-mouseover');
> }).
> mouseup(function(){
>
> $(this).removeClass('selectArrow-mousedown').addClass('selectArrow-mouseover');
> }).
> hover(function(){
> $(this).addClass('selectArrow-mouseover');
> }, function(){
> $(this).removeClass('selectArrow-mouseover');
> });
> });
>
>
> css for this
>
> .wrapper{
> display: inline;
> float: left;
> width: 180px;
> overflow: hidden;
> }
> .selectArrow{
> display: inline;
> float: left;
> width: 17px;
> height: 20px;
> border:1px solid #7f9db9;
> border-left: none;
> background: url('images/selectArrow.png') no-repeat 1px 1px;
> }
> .selectArrow-mousedown{background:
> url('images/selectArrow-mousedown.png') no-repeat 1px 1px;}
> .selectArrow-mouseover{background:
> url('images/selectArrow-mouseover.png') no-repeat 1px 1px;}
>
>
> attached is the image of my problem
> http://old.nabble.com/file/p26870017/program.png
> see the image does not align with the height of dropdown , please help
> me .
> please help me resolve this
>
> Charlie Tomlinson wrote:
>>
>>
>>
>>
>>
>>
>> IE gives limited support to what you can do to style selects. As
>> suggested use a plugin, of which there are many, that convert select's
>> to alternate html yet retain similar functionality
>>
>> fachhoch wrote:
>>
>> that did not help me , I tried google search but none of them worked
>> for
>> me , please, jquery experts tell me how to CONTROL WIDTH of dropdown IN
>> IE ,
>>
>>
>>
>>
>> Scott Sauyet-2 wrote:
>>
>>
>> You might look at a plug-in like:
>>
>> http://code.google.com/p/dropdown-check-list/
>>
>> Good luck,
>>
>> -- Scott
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>>
>
>
--
View this message in context:
http://old.nabble.com/huge-drop-down-tp26720940s27240p26877570.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.
