Hi,
before i ask the question, here is my clients current site:
http://www.postpack.co.uk/
we are doing a full design revamp for them and one of the things i want to do is convert the section list into a nested unnordered list of the following format:
this is obviously not the complete code just a static "snippet" that is not dynamically linked to anything (it was used for the graphical design of the menu)
i am an experienced designer in HTML/CSS terms but am very new to actinic so this is causing me a fair bit of trouble. So what i am trying to do (if you look at the original site, the first link on the new menu will be the header of the first section on the old site, ie. General Packaging Materials) - this will "nest" out (in the new menu) to all the items that are underneath that header on the old site
when you click on an item (current site) that is under a section header, the rest of the category options appear in the inner layout, but are now too deep in the structure to appear in the left menu, on my new one, this list will be nested ONCE AGAIN so everything is accessible from the side menu...
i hope i have managed to convey my problem and that someone can give me a a leg up
ALSO-IMPORTANT: i need the top level items (general packaging materials, pricing in proportion etc) to have an "alternate class" in their <a> tag as shown in the code above.
before i ask the question, here is my clients current site:
http://www.postpack.co.uk/
we are doing a full design revamp for them and one of the things i want to do is convert the section list into a nested unnordered list of the following format:
Code:
<div id="sectionmenu"> <ul> <li><a href="#" class="alternate">General Packaging Materials</a> <ul> <li><a href="#">Adhesive Tapes & Glue</a> <ul> <li><a href="#">Packaging / Parcel Tapes</a></li> <li><a href="#">Printed Tapes / Labels</a></li> <li><a href="#">Specialist Tapes</a></li> </ul> </li> <li><a href="#">Bags & Envelopes</a></li> <li><a href="#">Boxes & Cartons</a></li> <li><a href="#">Board & Mailers</a></li> <li><a href="#">Bubblewrap & Foam</a></li> <li><a href="#">Corrugated Paper</a></li> </ul> </li> <li><a href="#" class="alternate">Moving Kits & Materials</a> <ul> <li><a href="#">Moving Kits</a></li> <li><a href="#">Removal Boxes</a></li> <li><a href="#">Removal Packaging Materials</a> <li><a href="#">Plywood & Timber Cases</a></li> </ul> </li> <li><a href="#" class="alternate">Post Office & Retail</a> <ul> <li><a href="#">Protective Wrapping</a></li> <li><a href="#">Boxes</a></li> <li><a href="#">Mailing Bags</a></li> <li><a href="#">Envelopes</a></li> <li><a href="#">Stationary</a></li> </ul> </li> </ul> </div>
i am an experienced designer in HTML/CSS terms but am very new to actinic so this is causing me a fair bit of trouble. So what i am trying to do (if you look at the original site, the first link on the new menu will be the header of the first section on the old site, ie. General Packaging Materials) - this will "nest" out (in the new menu) to all the items that are underneath that header on the old site
when you click on an item (current site) that is under a section header, the rest of the category options appear in the inner layout, but are now too deep in the structure to appear in the left menu, on my new one, this list will be nested ONCE AGAIN so everything is accessible from the side menu...
i hope i have managed to convey my problem and that someone can give me a a leg up
ALSO-IMPORTANT: i need the top level items (general packaging materials, pricing in proportion etc) to have an "alternate class" in their <a> tag as shown in the code above.
Comment