Bullet position

  • Thread starter Thread starter Paul M
  • Start date Start date
P

Paul M

Hi
Using CSS how I can control the indentation of the bullets in a list ie.
when the list drops I want the bullets to be more to the left .
Thanks
Paul M
 
Hi Paul.

You can't - the distance between the bullet and the text is fixed. The way
around it would be to make a bullet in your graphics prgram and them use
some CSS like this,
<style type="text/css">
li{
list-style-type:none;
background: #fff url(bullet.gif) no-repeat;
padding-left:20px;
}
</style>

By altering the left padding you can move the bullet closer/further away
from the text.
 
Thanks Jon
Paul M
Jon Spivey said:
Hi Paul.

You can't - the distance between the bullet and the text is fixed. The way
around it would be to make a bullet in your graphics prgram and them use
some CSS like this,
<style type="text/css">
li{
list-style-type:none;
background: #fff url(bullet.gif) no-repeat;
padding-left:20px;
}
</style>

By altering the left padding you can move the bullet closer/further away
from the text.
Click to expand...
 
could also make the bullet image have built in space to the right..no?


| Hi Paul.
|
| You can't - the distance between the bullet and the text is fixed. The way
| around it would be to make a bullet in your graphics prgram and them use
| some CSS like this,
| <style type="text/css">
| li{
| list-style-type:none;
| background: #fff url(bullet.gif) no-repeat;
| padding-left:20px;
| }
| </style>
|
| By altering the left padding you can move the bullet closer/further away
| from the text.
|
| --
| Cheers,
| Jon
| Microsoft MVP
|
| | > Hi
| > Using CSS how I can control the indentation of the bullets in a list ie.
| > when the list drops I want the bullets to be more to the left .
| > Thanks
| > Paul M
| >
|
|
 
Back
Top