PDA

Click to See Complete Forum and Search --> : list

chris9902
08-06-2003, 08:54 AM
when make a list;

<li>

i found out how to change the type to a square but how do you change the color of the bullet.

also how do you make the list move to the right;

not this::

1) test

but this::

......1) test

with out the ......

thanks alot
chris9902
08-06-2003, 08:57 AM
ok sorry i got the push to the right thing

<ul></ul>

but how do i change the color of the bullet or even better use an image
thejoker101
08-06-2003, 10:30 AM
Amongst the many possible solutions, here is one:

<html>
<head>
<style type="text/css">
#test li { color:blue; }
#test span { color:black; }
</style>
</head>
<body>
<ul id="test">
<li><span>1<span></li>
<li><span>2<span></li>
<li><span>3<span></li>
</ul>
</body>
</html>
pyro
08-06-2003, 10:30 AM
Take a look at http://www.w3.org/TR/REC-CSS2/generate.html#propdef-list-style-image
thejoker101
08-06-2003, 10:33 AM
And for images as bullets:

<html>
<head>
<style type="text/css">
#test li { list-style-image: url("http://png.com/ellipse.png"); }
#test span { color:black; }
</style>
</head>
<body>
<ul id="test">
<li><span>1<span></li>
<li><span>2<span></li>
<li><span>3<span></li>
</ul>
</body>
</html>
chris9902
08-06-2003, 11:31 AM
thank you:)