Web Design

(Nancy Kaufman) #1

177


CHAPTER

Adding Tables and Lists 7


Can I get rid of the bullet altogether, or use my
own image?
You can eliminate the bullet by using list-
style-type:none; in your style sheet. Custom
images can be used with the list-style-
image: url(?); rule, replacing? with a path to
the image.

Why do I need to set both margin and padding to
adjust the indentation?
Some browsers indent the list using the margin
property, whereas others use the padding property.
To make sure that your list indents in the same way
on all browsers, you should always specify both,
setting them to the same value.

9 Type margin-left:?;,
replacing? with the amount
of left margin you want to
set.


0 Press.


! Type padding-left:?;,
replacing? with the amount
of left padding you want to
set.


@ Press.


Type }.


● When you view the page in a
browser, the list is no longer
indented and the new bullet
is used.

9


13 11


TIPS

Free download pdf