Solved

Position bullets in a list

Posted on 2013-05-24
5
249 Views
Last Modified: 2013-05-24
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
Comment
Question by:isnoend2001
  • 3
  • 2
5 Comments
 
LVL 10

Expert Comment

by:jtwcs
ID: 39195564
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
 

Author Comment

by:isnoend2001
ID: 39195591
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
 
LVL 10

Accepted Solution

by:
jtwcs earned 500 total points
ID: 39195603
You are missing the closing ; after padding-left: 15px

Once you fix that, you should see the change.
0
 

Author Comment

by:isnoend2001
ID: 39195624
Whoops, Thanks that did the trick
0
 

Author Closing Comment

by:isnoend2001
ID: 39195627
Thank you
0

Featured Post

What Security Threats Are You Missing?

Enhance your security with threat intelligence from the web. Get trending threat insights on hackers, exploits, and suspicious IP addresses delivered to your inbox with our free Cyber Daily.

Join & Write a Comment

When writing CSS, there are a few simple rules that will make your life easier.    1. Using ‘* {box-sizing:border-box;}’. Using this will wrap all your elements in a nice little compact box-model that will give you the width you want, like so... …
Why do we like using grid based layouts in website design? Let's look at the live examples of websites and compare them to grid based WordPress themes.
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

760 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

19 Experts available now in Live!

Get 1:1 Help Now