?
Solved

Sub Menu problems

Posted on 2011-10-30
9
Medium Priority
?
299 Views
Last Modified: 2012-05-12
If you go to the following site here

http://dev.takenbymarc.com/

Click on the arrow to pull-down the main navigation then
Hover over weddings and move the mouse down in the sub menu why does the sub menu keep disappearing.  I have tried to gunfire out why with no success.
0
Comment
Question by:stargateatlantis
  • 6
  • 3
9 Comments
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 37053681
I used to do a little wedding photography.  You stuff looks great; better than anything I ever did.  now as a web developer...Not so good.  That stylesheet makes it impossible to determine the net properties of any element without spending a lot of time on analysis.  I get over 80 parsing warnings in my error console from the CSS.  The problem is an overlap that is causing a loss of hover.  No surprising because of the absolute positioning and z-index usages.

This problem is not going to get solved without breaking things apart and isolating elements until we get lucky.  Best case we find the problem in a few hours.  Worst case it takes weeks.  

I don't think the movie is the source of the problem. So I suggest a starting point is to setup a page without it and containing only the styling that is actually necessary for the rest of the page.  Then at least we can determine net properties, I hope.

0
 

Author Comment

by:stargateatlantis
ID: 37053886
The problem is that it was a purchased template from  here

http://www.kingsizetheme.com/

Its wordpress what do you expect.  I am a good webdeveloper but to debug this issue its going to take time if you can give me some hit as to what is causing this that would be great.
0
 

Author Comment

by:stargateatlantis
ID: 37053890
I think the problem is the wrapper the menu should be outside of the wrapper.  
0
Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

 

Author Comment

by:stargateatlantis
ID: 37053907
This site wasn't fully coded by me.  I am not the photographer but a friend of mine is its his site.
0
 
LVL 53

Accepted Solution

by:
COBOLdinosaur earned 2000 total points
ID: 37053911
One of the things I notice when I was playing with the hover is that the right edge of the bottom triangle shifts over a bit into the submenu so there is either some re-sizing or position shift going on.  Also the disapearance seems to happen when the cursor is in the left part of the sub menu.  That all suggests that there is an overlap that is blocking the hover.  The container holing the menu may be wider then the menu; at least part of the time.

If the template came with some documentation, it might be able to give us a clue as to where the thing is breaking.

I am a good webdeveloper

Sorry, I was criticizing the code; not you.  A lot of this third party stuff is weak code wrapped in good marketing and as soon as you try to be creative with it, it comes apart.

I'll be here to help out but, I afraid you are going have to do the dirty work of experimenting to find the root cause of the problem.
0
 

Author Comment

by:stargateatlantis
ID: 37053939
A lot of this third party stuff is crap.  Most of my stuff  now is codded using
http://www.initializr.com/
0
 

Author Comment

by:stargateatlantis
ID: 37053993
Take a look now.  I think I have resolved the issue let me know what you think

http://dev.takenbymarc.com/
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
ID: 37054046
Looks like it is fixed.  I take it you found the spot to put the submenu in top of that triangle.

initialzr looks okay but I don't like templates That rely on someone elses code. All I ever use is a text editor.  Everything is from database and I use 20-25 lines of PHP to generate.

Glad you got it solved.
0
 

Author Comment

by:stargateatlantis
ID: 37054080
initialzr is good clean.  Not like Boilerplate.  Boilerplate is too much
0

Featured Post

Concerto's Cloud Advisory Services

Want to avoid the missteps to gaining all the benefits of the cloud? Learn more about the different assessment options from our Cloud Advisory team.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
Without even knowing it, most of us are using web applications on a daily basis.  In fact, Gmail and Yahoo email, Twitter, Facebook, and eBay are used by most of us daily—and they are web applications. We generally confuse these web applications to…
In this tutorial viewers will learn how to style a decorative dropcap for the first letter in a paragraph using CSS. In CSS, create a new paragraph class by typing "p.fancy": Then, to style only the first letter of the first sentence, include the ps…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).
Suggested Courses

850 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question