www.webdeveloper.com
Results 1 to 4 of 4

Thread: expanding select box on mouse over

  1. #1
    Join Date
    Apr 2005
    Posts
    11

    expanding select box on mouse over

    Hey all,

    Does anyone know how to expand a select box on mouse over using css? By expand, i mean, I'd like it to expand just as if I clicked on the little arrow. Also, i'd like to make the box return to it's un-expanded position when mouse offed.

    Any Suggestions?

    Thanks,
    D

  2. #2
    Join Date
    Nov 2003
    Location
    Jerryville, Tejas
    Posts
    11,715
    That's not a CSS (presentation) thing, it's a Javascript (behaviour) thing.
    "Debugging is twice as hard as writing the code in the first place. Therefore, if you write the code as cleverly as possible, you are, by definition, not smart enough to debug it." Brian W. Kernighan

  3. #3
    Join Date
    Jan 2003
    Location
    Texas
    Posts
    10,413
    Er, you might try changing the width, but it won't work in IE.

    Code:
    select {
     width: 200px;
    }
    
    select:hover {
     width: 300px;
    }
    Visit Slightly Remarkable to see my portfolio, resumé, and consulting rates.

  4. #4
    Join Date
    Feb 2003
    Location
    Wales, UK
    Posts
    3,147
    Do you want it to expand as in get wider or expand as in drop down?
    In a world without walls and fences - who needs Windows and Gates?! - Unknown Author
    "And there's Bill Gates, the...most...famous...man in the...ah...Microsoft." -- A TV commentator for the 2000 Olympics.


    Web Design Faq? | W3C | Validator | Accessibility testing | Speed up your PC | Wura | Box Model Research

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