How can I stop collapsible lists from indenting?

's Computer Specifications

I'm trying to build a left menu using FrontPage 2003's collapsible lists, but
I don't want the list to be indented. I'd like all levels to be in the same
positiion - left aligned. But the first level is indented, and the second
level indents even further. I've tried to fix it via Styles under Bullets &
Numbering. Have tried using numbered, bulleted and image lists (using a
transparent 1px gif). Nothing seems to stop the indenting. Does anyone know
how to fix this please?

This is what I end up with:

Item 1
Subitem 1
Subitem 2

But what I want is:

Item 1
Subitem 1
Subitem 2

--
.... ML

's Computer Specifications

Hi Mary,
You can put in the head of your page
<style type="text/css">
ul{
margin:0;
padding:0;
}
</style>

--
Cheers,
Jon
Microsoft MVP

"MaryLou" <(E-Mail Removed)> wrote in message
news:8AFAE219-E140-45CF-8BE9-(E-Mail Removed)...
> I'm trying to build a left menu using FrontPage 2003's collapsible lists,
> but
> I don't want the list to be indented. I'd like all levels to be in the
> same
> positiion - left aligned. But the first level is indented, and the second
> level indents even further. I've tried to fix it via Styles under Bullets
> &
> Numbering. Have tried using numbered, bulleted and image lists (using a
> transparent 1px gif). Nothing seems to stop the indenting. Does anyone
> know
> how to fix this please?
>
> This is what I end up with:
>
> Item 1
> Subitem 1
> Subitem 2
>
> But what I want is:
>
> Item 1
> Subitem 1
> Subitem 2
>
> --
> ... ML

's Computer Specifications

Be aware that these collapsible lists are not cross-browser compatible.

If you want to use something like this, then check this tutorial -

http://www.murraytestsite.com/collapsiblelist.htm

It uses some CSS, and the FP Change Property behavior.

--
Murray
"MaryLou" <(E-Mail Removed)> wrote in message
news:8AFAE219-E140-45CF-8BE9-(E-Mail Removed)...
> I'm trying to build a left menu using FrontPage 2003's collapsible lists,
> but
> I don't want the list to be indented. I'd like all levels to be in the
> same
> positiion - left aligned. But the first level is indented, and the second
> level indents even further. I've tried to fix it via Styles under Bullets
> &
> Numbering. Have tried using numbered, bulleted and image lists (using a
> transparent 1px gif). Nothing seems to stop the indenting. Does anyone
> know
> how to fix this please?
>
> This is what I end up with:
>
> Item 1
> Subitem 1
> Subitem 2
>
> But what I want is:
>
> Item 1
> Subitem 1
> Subitem 2
>
> --
> ... ML

's Computer Specifications

Hi John,

I just tried that but it didn't remove the indents. I had previously added
similar code to my stylesheet for this page and it didn't help. Just now
started with a new blank page, no stylesheet attached, with your suggested
code pasted into the head, but as soon as I click Format / Bullets &
Numbering it automatically indented the first point and double indented the
second level points. It looks OK in Design view, but as soon as you Preview
it the indents appear. Any other ideas please?

--
.... MaryLou

"Jon Spivey" wrote:

> Hi Mary,
> You can put in the head of your page
> <style type="text/css">
> ul{
> margin:0;
> padding:0;
> }
> </style>
>
> --
> Cheers,
> Jon
> Microsoft MVP
>
> "MaryLou" <(E-Mail Removed)> wrote in message
> news:8AFAE219-E140-45CF-8BE9-(E-Mail Removed)...
> > I'm trying to build a left menu using FrontPage 2003's collapsible lists,
> > but
> > I don't want the list to be indented. I'd like all levels to be in the
> > same
> > positiion - left aligned. But the first level is indented, and the second
> > level indents even further. I've tried to fix it via Styles under Bullets
> > &
> > Numbering. Have tried using numbered, bulleted and image lists (using a
> > transparent 1px gif). Nothing seems to stop the indenting. Does anyone
> > know
> > how to fix this please?
> >
> > This is what I end up with:
> >
> > Item 1
> > Subitem 1
> > Subitem 2
> >
> > But what I want is:
> >
> > Item 1
> > Subitem 1
> > Subitem 2
> >
> > --
> > ... ML
>
>
>

's Computer Specifications

That's strange, try sticking this code on a page and tell me what happens
<html>
<head>
<meta http-equiv="Content-Language" content="en-gb">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 17</title>
<style>
ul{
margin:0;
padding:0;
}
</style>
</head>
<body>
<ul>
<li>item one</li>
<li>item two</li>
<li>item three</li>
</ul>
</body>
</html>

I get no indents. I'd also suggest looking at Murray's exampe page as it's a
better implementation of collapsible lists.

--
Cheers,
Jon
Microsoft MVP

"MaryLou" <(E-Mail Removed)> wrote in message
news:E4362C42-2F58-458A-85A1-(E-Mail Removed)...
> Hi John,
>
> I just tried that but it didn't remove the indents. I had previously
> added
> similar code to my stylesheet for this page and it didn't help. Just now
> started with a new blank page, no stylesheet attached, with your suggested
> code pasted into the head, but as soon as I click Format / Bullets &
> Numbering it automatically indented the first point and double indented
> the
> second level points. It looks OK in Design view, but as soon as you
> Preview
> it the indents appear. Any other ideas please?
>
> --
> ... MaryLou
>
>
> "Jon Spivey" wrote:
>
>> Hi Mary,
>> You can put in the head of your page
>> <style type="text/css">
>> ul{
>> margin:0;
>> padding:0;
>> }
>> </style>
>>
>> --
>> Cheers,
>> Jon
>> Microsoft MVP
>>
>> "MaryLou" <(E-Mail Removed)> wrote in message
>> news:8AFAE219-E140-45CF-8BE9-(E-Mail Removed)...
>> > I'm trying to build a left menu using FrontPage 2003's collapsible
>> > lists,
>> > but
>> > I don't want the list to be indented. I'd like all levels to be in the
>> > same
>> > positiion - left aligned. But the first level is indented, and the
>> > second
>> > level indents even further. I've tried to fix it via Styles under
>> > Bullets
>> > &
>> > Numbering. Have tried using numbered, bulleted and image lists (using
>> > a
>> > transparent 1px gif). Nothing seems to stop the indenting. Does
>> > anyone
>> > know
>> > how to fix this please?
>> >
>> > This is what I end up with:
>> >
>> > Item 1
>> > Subitem 1
>> > Subitem 2
>> >
>> > But what I want is:
>> >
>> > Item 1
>> > Subitem 1
>> > Subitem 2
>> >
>> > --
>> > ... ML
>>
>>
>>

's Computer Specifications

Thanks Jon,

That's got it ! It seems if I choose square bullet points it works OK. It
now doesn't indent, and also doesn't display the bullet points (I didn't
want them to show). It does show the bullet points in Design view but they
don't show on Preview. that's a bit odd, but it works. Many thanks. That
was a big help.

--
.... MaryLou

"Jon Spivey" wrote:

> That's strange, try sticking this code on a page and tell me what happens
> <html>
> <head>
> <meta http-equiv="Content-Language" content="en-gb">
> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
> <title>New Page 17</title>
> <style>
> ul{
> margin:0;
> padding:0;
> }
> </style>
> </head>
> <body>
> <ul>
> <li>item one</li>
> <li>item two</li>
> <li>item three</li>
> </ul>
> </body>
> </html>
>
> I get no indents. I'd also suggest looking at Murray's exampe page as it's a
> better implementation of collapsible lists.
>
> --
> Cheers,
> Jon
> Microsoft MVP
>
> "MaryLou" <(E-Mail Removed)> wrote in message
> news:E4362C42-2F58-458A-85A1-(E-Mail Removed)...
> > Hi John,
> >
> > I just tried that but it didn't remove the indents. I had previously
> > added
> > similar code to my stylesheet for this page and it didn't help. Just now
> > started with a new blank page, no stylesheet attached, with your suggested
> > code pasted into the head, but as soon as I click Format / Bullets &
> > Numbering it automatically indented the first point and double indented
> > the
> > second level points. It looks OK in Design view, but as soon as you
> > Preview
> > it the indents appear. Any other ideas please?
> >
> > --
> > ... MaryLou
> >
> >
> > "Jon Spivey" wrote:
> >
> >> Hi Mary,
> >> You can put in the head of your page
> >> <style type="text/css">
> >> ul{
> >> margin:0;
> >> padding:0;
> >> }
> >> </style>
> >>
> >> --
> >> Cheers,
> >> Jon
> >> Microsoft MVP
> >>
> >> "MaryLou" <(E-Mail Removed)> wrote in message
> >> news:8AFAE219-E140-45CF-8BE9-(E-Mail Removed)...
> >> > I'm trying to build a left menu using FrontPage 2003's collapsible
> >> > lists,
> >> > but
> >> > I don't want the list to be indented. I'd like all levels to be in the
> >> > same
> >> > positiion - left aligned. But the first level is indented, and the
> >> > second
> >> > level indents even further. I've tried to fix it via Styles under
> >> > Bullets
> >> > &
> >> > Numbering. Have tried using numbered, bulleted and image lists (using
> >> > a
> >> > transparent 1px gif). Nothing seems to stop the indenting. Does
> >> > anyone
> >> > know
> >> > how to fix this please?
> >> >
> >> > This is what I end up with:
> >> >
> >> > Item 1
> >> > Subitem 1
> >> > Subitem 2
> >> >
> >> > But what I want is:
> >> >
> >> > Item 1
> >> > Subitem 1
> >> > Subitem 2
> >> >
> >> > --
> >> > ... ML
> >>
> >>
> >>
>
>
>

Thread Tools
Show Printable Version Email this Page
Rate This Thread
Rate This Thread:

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Collapsible Lists	eacordov	Microsoft Word Document Management	1	24th Mar 2009 08:46 AM
Collapsible Lists	eacordov	Microsoft Word Document Management	0	20th Mar 2009 04:54 PM
collapsible lists	=?Utf-8?B?bHVja3lqc3c=?=	Microsoft Frontpage	7	26th Oct 2004 08:45 PM
Collapsible Lists	TPG	Microsoft Frontpage	0	21st Oct 2004 09:09 AM
Collapsible Lists	Linda	Microsoft Frontpage	4	12th May 2004 01:11 AM