Customizing the List Menu

Discussion in 'HTML & Website Design' started by Batric, Nov 3, 2008.

0
  1. #1
    Hi to everyone

    How can I change the default color of list menu through css? Is is browser compatible (mainly I think of firefox, ie6 and 7 and opera)

    Thanks in any case

    Batric
     
    Batric, Nov 3, 2008 IP
  2. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Yes the CSS for all list items on your page would be:

    li { color:blue; }
    ul { background:red; }
    ol {background: green; }

    this is browser compatabile.

    You could also give your list a class and refer to it that way if you like if you don't want it to affect all lists on the page.
     
    wd_2k6, Nov 3, 2008 IP
  3. Batric

    Batric Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #3
    Sorry, I think I didn't say it on the right way.

    Here's the code:
    <html>
<body>
<form id="form1" name="form1" method="post" action="">
  <label>
    <select name="first" id="first">
      <option value="first1" selected="selected">First 1</option>
      <option value="first2">First 2</option>
      <option value="first3">First 3</option>
    </select>
  </label>
</form>
</body>
</html>
    Code (markup):
    I meant on that list menu :)
     
    Batric, Nov 3, 2008 IP
  4. wd_2k6

    wd_2k6 Peon

    Messages:
    1,740
    Likes Received:
    54
    Best Answers:
    0
    Trophy Points:
    0
    #4
    OK it depends what you want to change on what?

    You can change colour of everything by:
    for example.

    Oh by the way this is CSS code I am giving you, if you haven't used CSS before you will save that above code into an external file, called screen.css.
    Then you link to it inside from your HEAD of your main document like this:

     
    wd_2k6, Nov 3, 2008 IP
  5. Batric

    Batric Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #5
    I want to change the shadow color, arrow color and 3d light color. These are not standard CSS classes so I can't find them in Dreamweaver.

    For example, this is what I found for scrollbar:
    <style type="text/css">
    <!--
    html {scrollbar-base-color: #FF9900}
    -->
    </style>
    The same thing, but for list menu (the code is in my previous post) :)
     
    Batric, Nov 3, 2008 IP
  6. new_found_glory

    new_found_glory Peon

    Messages:
    5
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    See the following link
    w3schools.com/htmldom/dom_obj_style.asp
    then ctrl + F "Scrollbar properties"

    Beware though:
    This messing with scrollbar stuff only works with IE and not even that well. Don't spend all of your time on it unless it really adds value to your site or most of your users use IE.

    There are some bland universally accepted attributes for the select tag
    select {
    width: 500px;
    background-color: #666699;
    color: #ffffff;
    }

    Hope this helps a little
     
    new_found_glory, Nov 3, 2008 IP
  7. Batric

    Batric Peon

    Messages:
    4
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #7
    new_found_glory Thanks! :D

    I have already found the solution (it is solved with css and java)

    If someone wants, I can leave a link

    Batric
     
    Batric, Nov 4, 2008 IP