Default Indent for Expandable Lists

A

AV

When using FP-generated expandable, bulleted lists, how can I change the
default indent for each level of the list? If I format the bullt (List
Properties > Style) and change the indent, it makes the change in the design
view., but the origianl, default indent displays when I review the page,

I have also tried creating a DIV in my external stylesheet to control the ul
and li default indent, but it seems like the FP default just rolls right over
it.

Thanks.
 
J

Jon Spivey

Hi,

To get this working cross browser you need margin & padding - both to the
same value. Then you can set indents thus
first level
ul{
margin:0;
padding:0;
}
second level
ul ul {
margin: 1em;
padding: 1em;
}
and so on
 
A

AV

Hi Jon,

Thanks for your reply. I would like to set the ul levels up as different
classes, so the settings can be different from the list styles used in the
body. I tried this:

In the external stylesheet:

div.ul {margin:0; padding:0}
div. ul ul {margin: 1em; padding: 1em}

In the code:
div id="ul"
blah blah
</div>

div id="ul ul"
blah blah
<div>

Again, it's like the FP generated code wants to take over.

Also, is it possible to set the ul image source in the stylesheet? I can't
get that to fly either.

Thanks.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Top