SitePoint Sponsor

User Tag List

Results 1 to 12 of 12
  1. #1
    SitePoint Enthusiast
    Join Date
    Jul 2007
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    IE and list style

    I have various lists that I styled to list-style: none.

    .block-inner ul {
    list-style:none;
    list-style-position:inside;
    list-style-type:none;
    margin:0;
    padding:0;
    }

    In firefox, this works perfectly. There are no bullets. For IE, the bullets are there, but inside. I remove the position:inside, and it goes to the outside, so I know this is the right tag. What's going on? Does IE not understnad list-style or something? Thanks!

  2. #2
    SitePoint Enthusiast Mongoose.wa's Avatar
    Join Date
    Feb 2008
    Location
    Seattle, WA
    Posts
    68
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Try styling the li's with list-style-type: none.

  3. #3
    SitePoint Enthusiast
    Join Date
    Jul 2007
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No, I don't think that's correct. I did try it and it doesn't work.

  4. #4
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    What does your full page code look like? There might be a conflict in the stylesheet, but list-style: none; by itself SHOULD work (and does on the sites I develop).

  5. #5
    SitePoint Enthusiast
    Join Date
    Jul 2007
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks. If it helps you can preview the page here.

    There might be a conflict.

    http://paradoxdai.com/

  6. #6
    In memoriam gold trophysilver trophybronze trophy Dan Schulz's Avatar
    Join Date
    May 2006
    Location
    Aurora, Illinois
    Posts
    15,476
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Odd, I can't see these list bullets at all. In IE 6, IE 7, Firefox, Opera or Safari.

  7. #7
    SitePoint Enthusiast
    Join Date
    Jul 2007
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    That's weird. Here's what I see.

    Here are the bullets in IE.




    No bullets in FF.


  8. #8
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,389
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    Hi,

    Yes I can see the bullets in IE

    I think the problem stems from these 2 styleblocks.

    Code:
    .item-list ul li {
      margin: 0 0 0.25em 1.5em;
      padding: 0;
      list-style: disc;
    }
    
    .item-list ul li /* Drupal override */
      {
        margin: 0;
        padding: 0;
        list-style: inherit;
      }
    You are first defining the lists in that right column to be discs but later on you are over-riding it with inherit. However IE doesn't understand inherit so it sticks with the disc that was defined before.

    If you change the first rule to say list-style:none then the bullets should disappear (with any luck).

  9. #9
    SitePoint Enthusiast
    Join Date
    Jul 2007
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks a lot Paul. But where/how did you find those styleblocks? I was looking all over for something like that and I cannot find it.

  10. #10
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,389
    Mentioned
    180 Post(s)
    Tagged
    6 Thread(s)
    But where/how did you find those styleblocks?
    It took some finding I can tell you

    The first block is in system.css about a quarter of the way down. The second block is in html-elements.css and is about half way down the file.

    When testing I just copied all the css files locally and did a search through for all list-type styles to locate all the different places it had been set

  11. #11
    SitePoint Enthusiast
    Join Date
    Jul 2007
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you very much.

  12. #12
    SitePoint Zealot
    Join Date
    Feb 2006
    Posts
    184
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Drupals default styling is one of the most annoying things about that CMS. There's an article somewhere about how to remove the default styling. Try searching google.


Bookmarks

Posting Permissions

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