www.webdeveloper.com
Results 1 to 2 of 2

Thread: list-style-type not working

  1. #1
    Join Date
    Jul 2006
    Posts
    60

    list-style-type not working

    Apologies in advance, this is probably something very silly...

    I'm using the following CSS code:

    [CODE]
    #menu_1 ul li a {
    list-style-type:none;
    height: 32px;
    height: 24px;
    text-decoration: none;
    }
    [CODE]

    to stylize this HTML:

    Code:
    <div id="menu_1"><ul><li><a href="#">terms</a></li><li><a href="#">copyright</a></li></ul></div>
    All of the CSS seems to work, except for list-style-type (ie FF shows bullets for each point). Can anyone tell me why?

    Thanks so much!

  2. #2
    Join Date
    Dec 2005
    Location
    American, living in Toronto, ON. CANADA
    Posts
    6,746
    #menu_1 ul li a {
    list-style-type:none;
    height: 32px;
    height: 24px;
    text-decoration: none;

    applies the 'no bullet' to any anchor in the li.

    go :
    ul li {list-style-type:none;}

    and also

    #menu_1 ul li a {

    height: 32px;
    height: 24px;
    text-decoration: none;

    This serves the UL LI with 'no bullets', and you can still style your ul li a as you wish. Something like that

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