www.webdeveloper.com
Results 1 to 3 of 3

Thread: How to make a horizontal scrollbar in select box?

  1. #1
    Join Date
    Dec 2002
    Posts
    3

    Question How to make a horizontal scrollbar in select box?

    Hi, all

    I make a multiple selectbox , I hope to add horizontal scroll bar to it.

    <select name="select" style="width:80" multiple size="3">
    <option>aaaaaaaaaaaaaaaaaaaaaaaa</option>
    <option>bbbbbbbbbbbbbbbbbbbbbbbb</option>
    <option>ccccccccccccccccccccccccccccccccc</option>
    <option>ddddddddddddddddddddddd</option>
    </select>



    I looked up in the css-sheet reference, but can not find the answer.

    How can I do it with javascript?(if you know some special parameters in css-sheet, please also tell me)

    Thanks

    Ge
    Last edited by geqy; 12-09-2002 at 05:10 AM.

  2. #2
    Join Date
    Nov 2002
    Location
    England
    Posts
    275
    You should be able to do it like this:

    Code:
    <select name="select" style="width:80px; overflow:scroll;" multiple size="3">
    Mozilla supports it, but IE and Opera don't seem to.

    By the way you had some invalid CSS in there, you need a unit after the width:80 bit, if the value is anything other than 0. Any complient browser will ignore your width command otherwise.

  3. #3
    Join Date
    Dec 2002
    Posts
    3

    Question

    hi, Thank you for your reply.


    I tried it before, but it does not work for 'select' (for <div> it is works, but also only vertical scroll )

    do you have some other ideas?

    Many Thanks


    by the way, Netscape 4.75 does not support '80px' of 'select'
    Last edited by geqy; 12-10-2002 at 06:44 AM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles