close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

drop down link not working when item has 2nd level

Thread began 12/10/2012 11:39 am by Base5 Designs | Last modified 12/17/2012 12:37 pm by Jason Byrnes | 831 views | 6 replies |

Base5 Designs

drop down link not working when item has 2nd level

Hi there

am having what i am sure is a css problem, but cant find what to change.

I have a 3 level menu

Item1 Item2 item3

Sub1

Sub2 Subsub1

Subsub2


when the sub2 item is hovered over the link to Sub2 does not work although sub 1 does (which has no submenu)
all other links seem to be functioning ok just not the level 1 items with submenus.

I have attached the menu files in the zip for you too look at
you can also view online if you find easier here: menutest.php

Attached Files
menutest.zip
Sign in to reply to this post

Jason ByrnesWebAssist

I am not able to reproduce the problem at the link you specified, clicking the Project 2 link brings me to:
project2/

Sign in to reply to this post

Base5 Designs

Hi Ray

The project 1 and 2 links work fine as you see, the actual link that leads to that sub menu (projects) is not working, that menu item when clicked shoud go to projects/
It is a separate page from project 1 and project 2
Its there in the code on firbug 'with the a link but is unclickable i guess the css for the submenu maybe covering it, unfortunatley i had to reinstall the extensions to get the html editor and file upload fixes, as i result i have lost the preset for this menu.

i'm not sure what i need to edit in the css to fix this.

Sign in to reply to this post

Jason ByrnesWebAssist

One problem i see is that you are using Auto for the menu item width and height, you should use a pixel setting for the width and hight.

Sign in to reply to this post

Base5 Designs

Hi Jason (not Ray) !!!

Sorry was finishing other parts of the site.

I've added width and height, and it messes up the positioning of the menu elements (as in terms of spacing), I rea;;y would prefer it to be auto as the menu elements are dynamic from a database.... but i will look at that later.

Its still not allowing me to click the link on the level 1 dropdown when it has a lvl2 attached to it.

the level 1 does have a href on it when i look in firebug

tried changing various diffirent things but to no avail :(

am pretty sure its to do with the margin left on the lvl 2 but if i remove that then the level 2 submenu appears on top of the level 1 menu!!!

am definatly not a css guru, i have tried playing with z-indexs padding instead of margin and i cant find anything that fixes this :(


any other ideas?

the testpage from the original link should be up there now

Sign in to reply to this post

Base5 Designs

I've re built the menu from scratch, i still neede to change some css, but its working as expected now, its really a shame the sub menu levels cant be auto widths as some menu items are very short in some submenus and very long in others, but its all working thats the main thing :)

Sign in to reply to this post

Jason ByrnesWebAssist

using auto for the menu widths does not work the same in all browsers.

for browser compatibility, you need to use a specific pixel width.

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...