Link to home
Start Free TrialLog in
Avatar of isnoend2001
isnoend2001Flag for United States of America

asked on

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
Avatar of jtwcs
jtwcs
Flag of United States of America image

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.
Avatar of isnoend2001

ASKER

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;
      }
ASKER CERTIFIED SOLUTION
Avatar of jtwcs
jtwcs
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Whoops, Thanks that did the trick
Thank you