Member Avatar for gruebz

Hi all,

I'm using Dreamweaver 8 and I am very proud of myself that I managed to work out how to create a Navigation Bar with a Drop Down using the Show Pop Up window feature. However, that only gives me one level of drop down and I was wanting to add another tier (i.e. have a drop down menu coming out of one of the items in the drop down menu).

My knowledge isn't that great and I was just wondering if there is a simple way to do this using Dreamweaver. I know this can be done Java Script and whatever but I'm not interested in doing this or installing any scripts so if you don't think it can be done simply using Dreamweavers interface then just say that it can't be done.

Thanks in advance for your assistance

  • 3 Contributors
  • 2 Replies
  • 258 Views
  • 1 Year Discussion Span
  • Latest Post Latest Post by Jollyyy100

Dani AI

Generated

Short answer: Dreamweaver 8’s Show Pop Up generates a single-level popup only. A reliable multi-tier navigation needs semantic nested markup plus CSS (for desktop) and usually a tiny JavaScript enhancement for touch and keyboard users. Editing the page’s code is the practical route inside Dreamweaver 8.

Start with semantic HTML: a top-level nav or ul with nested ul/li for each submenu. Give predictable class names (for example .nav and .submenu). In CSS hide child ul by default and reveal them on li:hover > ul; position submenus with position:absolute and offset the second tier to the right (e.g., left:100% or transform: translateX(100%)). Make anchors display:block so the whole label is clickable and easy to target with the mouse.

Dreamweaver workflow and troubleshooting: switch to Code view to create the nested structure and include an external stylesheet. Live View won’t always show hover behavior reliably, so test in actual browsers. Watch for common issues: ancestor elements with overflow:hidden clipping dropdowns, missing position:relative on parent li, and z-index stacking problems. CSS-only menus work well on desktop but fail for touch devices and many keyboard users.

Accessibility and practicality: add ARIA attributes (for example aria-haspopup and aria-expanded) and provide keyboard handlers if adding JavaScript. As pointed out, a small, well-tested script is the easiest way to make behavior consistent across devices; for basic design questions like ’s, the same “markup-first, CSS-second, JS-last” approach applies. In short: accept code editing inside Dreamweaver 8—Show Pop Up won’t produce multi-tier menus by itself.

Recommended Answers

All 2 Replies

Member Avatar for prateeksha

Hi

Do not be dependant on Widgets or "Insert Code" in Dreamweaver....HTML, CSS standards / features increases day by day and it is difficult for any software to implement all the latest features..

Have a look at simple drop down javascript using jquery...

there isn't much to it

Member Avatar for Jollyyy100

Hi could just help me out on how to design a navigation bar

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.