SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Zealot
    Join Date
    May 2008
    Posts
    177
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Help with UL background and LI image

    URL: http://tinyurl.com/23gbg8p

    In the left sidebar menu, how can I make that dotted border extend all the way across so that it's also below the bullet image?

  2. #2
    SitePoint Wizard donboe's Avatar
    Join Date
    Jun 2010
    Location
    Netherlands
    Posts
    1,963
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    It should work if you add list-style-position to your li:
    Code CSS:
    ul.sidebar-menu li {
    -moz-background-clip:border;
    -moz-background-origin:padding;
    -moz-background-size:auto auto;
    background-color:transparent;
    background:url("images/dotted-border.png") left bottom repeat-x scroll;
    font-weight:bold;
    list-style-image:url("images/bullet.png");
    list-style-position:inside;
    padding: 5px 0 0 12px;
    }

  3. #3
    SitePoint Zealot
    Join Date
    May 2008
    Posts
    177
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you SO much!


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
  •