Changing the size of drop down menus

Discussion in 'HTML & Website Design' started by simstar, Jul 8, 2008.

  1. #1
    How do I change the standard size and font size within a drop down menu on a form. Currently I have the following code:

    <SELECT name="UserRating">
    <OPTION value="Poor">Poor Cheat</option>
    <OPTION value="2">Ok Cheat</option>
    <OPTION value="3">Good Cheat</option>
    <OPTION value="4">Excellent Cheat</option>
    HTML:
    I want to make box smaller so that it fits in with the rest of the design.

    Thanks in advance.
     
    simstar, Jul 8, 2008 IP
  2. skzubair

    skzubair Well-Known Member

    Messages:
    514
    Likes Received:
    3
    Best Answers:
    0
    Trophy Points:
    135
    #2
    You can use style sheet to modify its font and size, like this:

    ===================
    <SELECT name="UserRating" style="font-size:10px;width:100px;"><OPTION value="Poor">Poor Cheat</option><OPTION value="2">Ok Cheat</option><OPTION value="3">Good Cheat</option><OPTION value="4">Excellent Cheat</option>
    ===================

    This is just example you can freely modify and try different font, sizes and width :)
     
    skzubair, Jul 8, 2008 IP