Skip to main content
A
acurcione
Inspiring
July 19, 2017
Answered

Unable to make nested lists

  • July 19, 2017
  • 1 reply
  • 1231 views

This may sound stupid but at some point in the DW life cycle the developers have taken out a way to easily make nested lists (ol, ul, etc.). Before you could be in live view, on a list element, and hit tab and it would nest the element properly. Now hitting tab does nothing and if you next a list manually and then try and edit that list in live view, it almost always REMOVES the nested list you just built!

I don't always need to mess with nested lists, but it just so happens I had a ton to do for a client and it was a PIA fighting with DW the entire time.

And this is present in the Windows and Mac versions, BTW.

This topic has been closed for replies.
Correct answer Nancy OShea

I meant in Live view. If I do it in code view it doesn't do that.


Switch to Design View not Live View and you won't have problems working with lists.

1 reply

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
July 19, 2017

Why not save some time & use built-in Emmet code shortcuts to create your lists?

Type the code below followed by Tab key.

ul>li*5>ul>li*4

Results in this.

<ul>

    <li>

        <ul>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </ul>

    </li>

    <li>

        <ul>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </ul>

    </li>

    <li>

        <ul>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </ul>

    </li>

    <li>

        <ul>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </ul>

    </li>

    <li>

        <ul>

            <li></li>

            <li></li>

            <li></li>

            <li></li>

        </ul>

    </li>

</ul>

Then switch to Design View & edit as needed.

Nancy

Nancy O'Shea— Product User & Community Expert
A
acurcioneAuthor
Inspiring
July 19, 2017

Emmet code? Never heard of it. Guess I'll need to look that up.

However as stated, I'm able to create the lists in code view, but almost every time I do this if I then edit it in Design view, DW is stripping the nested list out and just adding the elements to the parent - so no more nested list. It shouldn't be doing that.

Nancy OShea
Community Expert
Nancy OSheaCommunity Expert
Community Expert
July 19, 2017

That's not my experience in Design View.  Live view is another matter.  I rarely use it except to check my layout once in a while.

For editing I typically use Split with Code & Design.   Also check your error indicator to ensure you have a green checkmark at all times.  A red X denotes code errors which can cause DW to do strange things.

For more on Emmet shortcuts in DW CC:

Faster Coding with Emmet in Dreamweaver CC | Creative Cloud blog by Adobe

Nancy

Nancy O'Shea— Product User & Community Expert
Firefly Community Gallery
Adobe Firefly

Remix with Firefly Community Gallery

Thousands of free creations to fall in love with and remix in Firefly.

Explore now
Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices