Not signed in (Sign In)

SkillShare - A place to discuss Web Standards and Web Design topics

Categories

Vanilla 1.1.9 is a product of Lussumo. More Information: Documentation, Community Support.

    •  
      CommentAuthorSpookyET
    • CommentTimeMay 20th 2006
     permalink
    It's 02:31, and I'm having trouble with IE. It won't display the bullet of the list item while Firefox and Opera do. URL: http://icrhealthcare.com/candidates.shtml
    •  
      CommentAuthormringlein
    • CommentTimeMay 21st 2006
     permalink
    Someone may have better insight than myself, but I've never liked the differences in browser display for list items. I noticed that in IE that playing with your margins or padding on a list item can cause the bullet to disappear. I suggest never using the standard bullet myself . I typically kill all list items (I am okay with Ordered Lists) standard settings and then give bulleted list a background image (of the bullet) instead. It gives greater control over the display.
    •  
      CommentAuthorSpookyET
    • CommentTimeMay 21st 2006
     permalink
    It's something else. I removed the list styles, and the bullet does not show. Using images for bullets is another problem. Opera displays a tiny bullet, Firefox a big one at the top, and IE displays it at the bottom.
    •  
      CommentAuthorSpookyET
    • CommentTimeMay 21st 2006 edited
     permalink
    It seems to be the margins, but what exactly it is causing it. I did a test page and played with margins on list, and they work fine in IE.
    •  
      CommentAuthorSpookyET
    • CommentTimeMay 21st 2006 edited
     permalink
    It's margins and width that are causing this.

    You can't specify a margin, nor width, at least not in ems. I have not bothered to check pixels.

    What does one do about ordered lists?
    •  
      CommentAuthormringlein
    • CommentTimeMay 21st 2006
     permalink
    I am not suggesting using images for bullets, I am suggesting having NO bullet (no list style) and instead have a background image on your LI that is your bullet positioned to the far left with enough padding from the left that your text does not overlap. You are mimicing the concept of a bullet but not depending on how different browsers work with traditional bullets. Essential recreating the idea of bullets and using UL and LI to do it.
    •  
      CommentAuthorSpookyET
    • CommentTimeMay 21st 2006
     permalink
    That won't work for this site. This is a scaling site. It scales with no breaking.
Add your comments
    Username Password
  • Format comments as (Help)