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 9 of 9

Thread: Drop down menu

  1. #1
    Regular Coder
    Join Date
    Sep 2012
    Posts
    103
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Drop down menu

    I would like to know if there is a way to make my drop down menu's a little bigger, for people with vision problems. The menu I'm referring to is the one that is called province. Not my navigation menu.

    http://www.cjwebconsulting.com/destination/canada.html

  • #2
    New Coder
    Join Date
    Oct 2012
    Location
    Basement
    Posts
    88
    Thanks
    9
    Thanked 0 Times in 0 Posts
    Create a new Id in CSS & then edit your HTML:

    Code:
    #big {
    font-size:20px;
    }
    
    <option value="#" id='big'>Alberta</option>
    Last edited by optimizer123; 11-10-2012 at 07:08 PM.

  • #3
    Regular Coder
    Join Date
    Sep 2012
    Posts
    103
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I under stand the CSS. But where would I put the other code?

  • #4
    Regular Coder
    Join Date
    Sep 2012
    Posts
    103
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Oh I see what you mean. I was referring to the whole menu look. Where you click on the drop menu button. I like to make the whole thing bigger. It's to small of a button for people with vision problem.

  • #5
    New Coder
    Join Date
    Oct 2012
    Location
    Basement
    Posts
    88
    Thanks
    9
    Thanked 0 Times in 0 Posts
    Ok since it's name="select" it means that if you want to change the size of it you should make a class in CSS:

    Code:
    select {
        width: 200px;
        height: 30px;
    }
    That would make the box bigger together with the button. I guess that's as far as you can go.

  • #6
    Regular Coder
    Join Date
    Sep 2012
    Posts
    103
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thats perfect and it works great. I'm just trying to get the words " Choose Province" bigger and centered.

  • #7
    New Coder
    Join Date
    Oct 2012
    Location
    Basement
    Posts
    88
    Thanks
    9
    Thanked 0 Times in 0 Posts
    Code:
    select {
        width: 200px;
        height: 30px;
        text-align: center;
    }
    To center the text..
    Trying to figure out how to make the selected province bigger hm..

  • #8
    Regular Coder
    Join Date
    Sep 2012
    Posts
    103
    Thanks
    0
    Thanked 0 Times in 0 Posts
    I got it. Thanks so much.

  • #9
    New Coder
    Join Date
    Oct 2012
    Location
    Basement
    Posts
    88
    Thanks
    9
    Thanked 0 Times in 0 Posts
    You're very welcome!


  •  

    Posting Permissions

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