Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    May 2006
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Select box arrow covering options

    I have several select boxes on my site, but the arrow covers part of the selected options. I can't do a width because it may be too large or too small, i can't really do min-widht because its not supported in all browsers(AFAIK). I thought that the width was automatic, but i might have been wrong

    heres the css for my inputs:
    Code:
    input, select, textarea {
      	background: url("images/input_bg.gif");
    	border: 1px #ccc solid;
    	padding: 4px;
    }
    
    input button {
      	margin: 23px;
    }
    
    input select {
      	margin: 0px;
      	padding: 0px;
    }
    any ideas from this? if you need to see the page, i can do up a basic page with a select box in it with all my css sheets attached

  • #2
    Regular Coder BonRouge's Avatar
    Join Date
    Mar 2006
    Location
    Sendai, Japan
    Posts
    328
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Are the options in the select boxes dynamic (do they change)? If not, give the select boxes ids and individual widths.

  • #3
    New Coder
    Join Date
    May 2006
    Posts
    62
    Thanks
    0
    Thanked 0 Times in 0 Posts
    yes, they are pulled from a database table


  •  

    Posting Permissions

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