Help with bullet style in external CSS

Question

I'm learning Dreamweaver after using Frontpage. I'm also kind
of new with external stylesheets. And am stuck on formatting
bullets. I can't seem to figure out the code for a bullet style and
only find code for inline style sheets.
More importantly, I can't create leading between the bullets.
In FrontPage, I just set paragraph spacing before and after (for
instance, 6 pt). Would it be margin-bottom? Anyway, here is the
code I have, but when I apply it, no bullets appear.
.bullet {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: left;
list-style-position: outside;
list-style-type: disc;
Thanks, Susan

Answer 1

The CSS rule is the same whether it is use inline, in the
<header> part
of the document or an external stylesheet.
In your CSS sample below, you defined a class with the proper
declarations, but most likely you did not apply that class to
your list
in the HMTL.
<ul class="bullet">
<li>......
If every list is styled the same way, you can simply
(re)define the ul
tag in your stylesheet.
ul {font-family....}
If you want leading between the bullets there are several
different
possibilities like applying padding, margin using line-height
but in any
case you have to apply it to the list items - <li>
To go with your example, the CSS would be:
.bullet li {padding: 6pt 0}
Be careful with using pt as a measure on screen though.
Although you are
permitted to doing so, it is more advisable to use pixels or
event
better a relative measure such as em.
Anurag
s3r3nity1 wrote:
> I'm learning Dreamweaver after using Frontpage. I'm also
kind of new with
> external stylesheets. And am stuck on formatting
bullets. I can't seem to
> figure out the code for a bullet style and only find
code for inline style
> sheets.
>
> More importantly, I can't create leading between the
bullets. In FrontPage, I
> just set paragraph spacing before and after (for
instance, 6 pt). Would it be
> margin-bottom? Anyway, here is the code I have, but when
I apply it, no bullets
> appear.
>
> .bullet {
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-size: 12px;
> color: #000000;
> text-align: left;
> list-style-position: outside;
> list-style-type: disc;
>
> Thanks, Susan
>