benjaminmorgan Posted May 29, 2012 Report Share Posted May 29, 2012 (edited) I have a problem with this menu http://cdtestdesign.tk/ its code is sortof like http://css.dzone.com/articles/pure-css3-lavalamp-menu . The problem is not the hover state. Its when i go to a new page with the class current and it should move the transition to there. You can go to the page and view source so I don't have to paste code here. NOTE: It only has a problem in Google Chrome and Safari. Edited May 31, 2012 by benjaminmorgan Quote Link to comment Share on other sites More sharing options...
newseed Posted May 30, 2012 Report Share Posted May 30, 2012 Well it does work sort of. If you click on Portfolio and then move your mouse away you will see that it doesn't work. Now just hover over any of the links other Portfolio but don't click anything then move it away. I saw that it it finally moved the current state over to Portfolio. CSS3 may still not be fully supported by Chrome and Safari...yet. It's choppy for Firefox. Quote Link to comment Share on other sites More sharing options...
gffects Posted May 30, 2012 Report Share Posted May 30, 2012 without coming across as a hater I personally think transitions on a navbar lowers the quality of a site unless its a simple color fade thats not too slow, but kinda cool though. Quote Link to comment Share on other sites More sharing options...
benjaminmorgan Posted May 30, 2012 Author Report Share Posted May 30, 2012 Yeah, but that isn't the point. The point is that it is hanging up when you click other links. I appreciate your input though. Quote Link to comment Share on other sites More sharing options...
gffects Posted May 30, 2012 Report Share Posted May 30, 2012 It seems to work on my chrome and safari fine the active stae stays on the page and moves when hovered and click on another page. Quote Link to comment Share on other sites More sharing options...
benjaminmorgan Posted May 30, 2012 Author Report Share Posted May 30, 2012 this is whats happening on my end. You can watch it here http://screencast-o-matic.com/watch/clhvodGBb Exactly what you described Eddie. The person that helped me create it uses it on his website and it works fine. eddie and gffects are you on a mac or pc? Quote Link to comment Share on other sites More sharing options...
gffects Posted May 30, 2012 Report Share Posted May 30, 2012 sorry takeing a while was trying to figure out comment boxes lol i'm on a pc mate not sure why its happening unless it just not fully intergrated yet. Quote Link to comment Share on other sites More sharing options...
newseed Posted May 30, 2012 Report Share Posted May 30, 2012 I'm on a pc. You might check with the guy that created and working on his site to see if you have any difference in the css/html. Also, check his reset css to your reset css. Otherwise, I would grab his html and css for the nav and add it to your site for testing to see if you get the same issue or not. Almost always it has to do with the misuse of css. Quote Link to comment Share on other sites More sharing options...
benjaminmorgan Posted May 30, 2012 Author Report Share Posted May 30, 2012 (edited) When I add it to the site it does the same thing. The guy that created it checked the css/html and it matched up. http://krymsonproductions.com/ is the site it is working with. You can check the site again to see it with the site. Also if you hit Ctrl + or Ctrl - to resize the page it goes to where its supposed to be. (weird) Edited May 30, 2012 by benjaminmorgan Quote Link to comment Share on other sites More sharing options...
benjaminmorgan Posted May 31, 2012 Author Report Share Posted May 31, 2012 (edited) PROBLEM IS FIXED! It needed this line of code. Please someone tell me why. nav > li:first-child {} I uploaded it to the website if you want to test it. Link in signature. Edited May 31, 2012 by benjaminmorgan Quote Link to comment Share on other sites More sharing options...
gffects Posted May 31, 2012 Report Share Posted May 31, 2012 childs and parents is for drop menus I think not looked into that part much yet Quote Link to comment Share on other sites More sharing options...
newseed Posted May 31, 2012 Report Share Posted May 31, 2012 PROBLEM IS FIXED! It needed this line of code. Please someone tell me why. nav > li:first-child {} I uploaded it to the website if you want to test it. Link in signature. Not sure but you may try validating your css. A missing { or } braket can cause some css to not render correctly. Quote Link to comment Share on other sites More sharing options...
benjaminmorgan Posted June 1, 2012 Author Report Share Posted June 1, 2012 Hmm, http://jigsaw.w3.org/css-validator/validator?uri=http://www.cdtestdesign.tk/navigation.css is the validation and it has errors with the gradient and the transitions even though it is validating it as CSS3. Quote Link to comment Share on other sites More sharing options...
gffects Posted June 1, 2012 Report Share Posted June 1, 2012 not all css3 is accepted by w3c even though it works on some browsers just gota wait lol Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.