Default Indent for Expandable Lists

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

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.
 
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
 
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.
 
Back
Top