[Webinar] Learn how to a build a cloud-first strategyRegister Now

x
  • Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 263
  • Last Modified:

Position bullets in a list

I have a bullet-ted list and the bullets are over writing the text .How can i move the bullets
to the left of the text?

http://roofgenius.com/test2.asp
0
isnoend2001
Asked:
isnoend2001
  • 3
  • 2
1 Solution
 
jtwcsCommented:
Since you are using a background image on the <li> elements, you will need to declare some left padding to clear the text from the image.

On the .graybox li declaration, add padding-left: 15px;  You could adjust the padding amount to your liking.
0
 
isnoend2001Author Commented:
Thanks  jtwcs
Tried that and it adds another bullet and does not move the blue balls
.graybox li{
      line-height:13px;
      padding-left: 15px
      /*list-style:inside url(images/bullet_ball_blue.gif);*/
      list-style-type:none;
      background:url(images/bullet_ball_blue.gif) no-repeat left 2px;
      }
0
 
jtwcsCommented:
You are missing the closing ; after padding-left: 15px

Once you fix that, you should see the change.
0
 
isnoend2001Author Commented:
Whoops, Thanks that did the trick
0
 
isnoend2001Author Commented:
Thank you
0

Featured Post

Vote for the Most Valuable Expert

It’s time to recognize experts that go above and beyond with helpful solutions and engagement on site. Choose from the top experts in the Hall of Fame or on the right rail of your favorite topic page. Look for the blue “Nominate” button on their profile to vote.

  • 3
  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now