SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Wizard
    Join Date
    May 2003
    Location
    Berlin, Germany
    Posts
    1,829
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    small list problem

    http://forums.wildfiregames.com/intranet/0adprf1/

    In the center col, how can get some space between the crossed zeros (list-style-image) and the text in IE? list-style-positionutside doesn't seem to work in IE.

    Thanks.

  2. #2
    SitePoint Enthusiast
    Join Date
    Sep 2003
    Location
    Germany
    Posts
    36
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    When i am styling a list, i hide the list-style entirely (list-style:none) and use a background image on the li instead.
    For your page, this would be the following CSS:
    Code:
    #contentcont ul {
    	list-style:none;
    	margin:0;
    	padding:0;
    }
    
    .newsitem li {
    	padding-left:25px;
    	background:url(graphics/listdot_graybig.gif) no-repeat 0px 15px;
    }
    Note that i added the #contentcont ul, where the styling and the predefined margins and padding for the list are removed. .newsitem li has the image and a padding-left to make room for it. The positioning is not perfect yet, but it should give you the idea.

    HTH

  3. #3
    SitePoint Wizard
    Join Date
    May 2003
    Location
    Berlin, Germany
    Posts
    1,829
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Wow, great idea. -> rep up !


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
  •