• Gear
  • Shots
  • Photo Craft
  • Video
  • Wide Angle
  • Support
  • New Stuff
  • More
Support Legacy SmugMug Customization Drop down menu problem

Need some help with your New SmugMug Site?

Dgrin Challenges

Our Challenges moderator has lined up an new set of challenges for you. The Weekly Word Challenge. Get all the details and participate in the conversation Weekly Word Challenge.

Past DSS Challenge Winners, DSS Challenge Rules, and other important DSS Challenge information is here.

Looking for a little challenge? The Dgrin Mini-Challenges are a great way to challenge yourself. Take a moment to look through past winners and find the current Mini Challenge here.

From Around the Net

Enjoy a few of our favorite articles from around the 'net. If you have something you think we should see, post it here and we'll have a look.

Journeys

Landscapes

Sports

 
Thread Tools Display Modes
Old Apr-13-2012, 09:15 AM
#1
alvingphotography is offline alvingphotography OP
Big grins
Drop down menu problem
Can someone take a look at my website?

Here's the address

http://artsinmotionphotography.smugmug.com

If you go to 'info+more' on the top nav links. You'll see a drop down PRICING and when you hover it it'll have another section.
I tried to follow on the drop down menu tutorials here in the forum and i kinda fail badly. I want the 2nd drop down menu go to the right hand side (if you know what i mean). And I cant seem to click it.

Can anyone help me?

Thanks
Old Apr-13-2012, 04:05 PM
#2
alvingphotography is offline alvingphotography OP
Big grins
No one??
Old Apr-13-2012, 04:51 PM
#3
alvingphotography is offline alvingphotography OP
Big grins
And looks like there's something wrong with the front page slideshow. The photos don't show up.
Old Apr-13-2012, 04:51 PM
#4
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by alvingphotography View Post
Can someone take a look at my website?

Here's the address

http://artsinmotionphotography.smugmug.com

If you go to 'info+more' on the top nav links. You'll see a drop down PRICING and when you hover it it'll have another section.
I tried to follow on the drop down menu tutorials here in the forum and i kinda fail badly. I want the 2nd drop down menu go to the right hand side (if you know what i mean). And I cant seem to click it.

Can anyone help me?

Thanks
I have no idea, where did you get the code? Maybe there they have a solution.
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Apr-13-2012, 05:15 PM
#5
alvingphotography is offline alvingphotography OP
Big grins
On the sticky thread - nav bar thread.

I picked the relevant code, used it. But it doesn't work.

Now, my Jfriend slideshow doesn't work. Weird, cause I didn't mess around with that coding
Old Apr-14-2012, 12:34 AM
#6
alvingphotography is offline alvingphotography OP
Big grins
Can any one help??
Old Apr-14-2012, 06:20 AM
#7
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by alvingphotography View Post
Can any one help??
You have at least one error in your bottom javascript.

unterminated string literal
http://cdn.smugmug.com/include/js/user_artsinmotionphotography-20120413100434.js
Line 4466

It's pointing to the red '
...8.9.53){m-=2B.m}}1f[p,m]}})();',62,1033,'||||||||this|settings|||if|view||YD|var...
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Apr-14-2012, 07:25 AM
#8
Allen is online now Allen
"tweak 'til it squeaks"
Allen's Avatar
Quote:
Originally Posted by alvingphotography View Post
Can any one help??
I've adapted the CSS in the 1st post of the nav sticky thread. Fixes flyout. If you want to try it save
your current nav CSS and replace with this. One additional tweak would be to set each drops width.
Code:
/* CSS Dropdown Nav Bar */
/* Original code by Stu Nicholls of */
/* http://www.cssplay.co.uk/ */
/* Edited for content, formatting and some elements */
/* Please help support CSSPlay at: */
/* http://www.cssplay.co.uk/support.html */

/* CSS Section */

      /* style the outer div to give it width */
#navcontainer {
float:right;
   z-index:99;
   position:relative;    /* Make the container moveable */
   margin-top: 20px;  /* top R/L bottom */
   width:650px;          /* Main bar total width, minimize to not wrap to two lines*/
}

      /* remove all the bullets, borders and padding from the default list styling */
#navcontainer ul {
   padding:0;
   margin:0;
   list-style-type:none;
}

      /* float the list to make it horizontal and a relative position so that you can control the dropdown menu positon */
#navcontainer li {
   float:left;          /* float right will reverse the main buttons */
   text-align:center;
   width:auto; 
   position:relative;
   padding: 0;
}

      /* style the links for the top level */
#navcontainer a, #navcontainer a:visited {
   display:block;
   text-decoration:none;  /* none, overline, underline */
   color:white;
   background:none;
   font-size:12pt;
   font-family: Arial, Helvetica, sans-serif;
   width:auto;         /* Defines the main box dimensions. */
   height:25px;        /* How tall your cells are */
   line-height:25px;   /* vertical text alignment in cell */ 
   padding: 0 10px;    /* top/bottom R/L */
   min-width: 60px;    /* set to smallest text and use R/L padding above to space out */
}

      /* main hover */
#navcontainer a:hover, #navcontainer :hover > a {
   color:#ccc;
   background:none;
}

      /* a hack so that IE5.5 faulty box model is corrected */
* html #navcontainer a, * html #navcontainer a:visited {width:130px; w\idth:130px;}

      /* style the table so that it takes no part in the layout */
#navcontainer table {position:absolute; top:0; left:0;}



      /* ***** LEVEL 2 ***** LEVEL 2 ***** LEVEL 2 ***** */

      /* another hack for IE5.5 */
* html #navcontainer ul ul {top:20px; t\op:21px;}   /* IE gap between main bar and the dropdown items */


      /* hide the sub levels and give them a position absolute so that they take up no room */
#navcontainer ul ul {
   visibility:hidden;
   position:absolute;
   height:0;
   top:25px;       /* move drop vertically */
   left:0;         /* move drop horizontally   */
   width:180px;    /* Size of the daughter cells */
}

      /* style the second level background non-hover */
#navcontainer ul ul a.drop, #navcontainer ul ul a.drop:visited {background:rgba(255, 255, 255, .20);}  /* if 3rd level exists */

      /* style the second level hover */
#navcontainer ul ul a.drop:hover {background:#666;}
#navcontainer ul ul :hover > a.drop {background:#666;}

      /* style the second level links */
#navcontainer ul ul a, #navcontainer ul ul a:visited {
   color:#eee;
   background:#666;
   height:20px; 
   line-height:20px; 
   width:180px;
   padding:4px 0 5px 10px;
   text-align:left;
}

#navcontainer ul ul :hover > a.drop  {background:#666;}   /* 2nd if 3rd level exists */

      /* yet another hack for IE5.5 */
* html #navcontainer ul ul a {width:120px; w\idth:120px;}

      /* 2nd level hover */
#navcontainer ul ul a:hover, #navcontainer ul ul :hover > a {
   color:#ccc;
   background:#666;
}


      /* ***** LEVEL 3 ***** LEVEL 3 ***** LEVEL 3 ***** */

      /* position the third level flyout menu */
#navcontainer ul ul ul {
   left:190px; 
   top:0;
   width:130px;
   height:auto;
}

#navcontainer ul ul ul li a {color:#eee;}
#navcontainer ul ul ul li a:hover {color:#ccc;}

      /* style the third level background */
#navcontainer ul ul ul a, #navcontainer ul ul ul a:visited {background:#666;}  /* not FF */

      /* style the third level hover */
#navcontainer ul ul ul a:hover {background:#666;}
#navcontainer ul ul ul :hover > a {background:#666;}     /* 3rd (w/o 4th) 4th hover */

      /* style the third level links */
#navcontainer ul ul ul a, #navcontainer ul ul ul a:visited {
   color:pink;              /* hover 2nd > 3rd & 4th */
   background:#666;       /* hover 3rd > 4th */
   height:20px; 
   line-height:20px; 
   width:130px;
}

      /* make the 2nd level visible when hover on 1st level */
#navcontainer ul :hover ul {visibility:visible;}
      /* make the 3rd level visible when you hover over 2nd level */
#navcontainer ul :hover ul :hover ul {visibility:visible;}
      /* keep the 3rd level hidden when you hover on 1st level */
#navcontainer ul :hover ul ul {visibility:hidden;}

/* End Navbar Code */
__________________
Al - Just a volunteer here having fun :D
My Website my Blog
Mozilla Firefox Web Developer Firebug
Customization FAQ Banner/Navbar/Slideshow Tutor
Old Apr-14-2012, 08:40 AM
#9
alvingphotography is offline alvingphotography OP
Big grins
Hi Allen,

THanks for that.

What do you mean its pointing to the red?

I've sorted out the drop down menu, thank you.

I'm still knocking my head on the wall figuring out what's causing the frontpage slideshow to messed up!
Cause i didnt change that coding.

No, im thinking of getting rid of it, any idea how?
Tell The World!  
Similar Threads Thread Starter Forum Replies Last Post
New Drop Down menu giving me problems. Collapses down after... TonyStewart Legacy SmugMug Customization 4 Jun-29-2011 05:10 PM
Drop Down Nav Menu Issue Jay78412 Legacy SmugMug Customization 1 Jan-12-2011 11:23 AM
drop down menu not showing jenphoto Legacy SmugMug Customization 5 Dec-20-2010 12:13 AM
Struggling with Drop Down Menu ericabickel Legacy SmugMug Customization 4 Aug-06-2010 01:25 PM
Problem with CSS and Navigation Menu cmollenbach Legacy SmugMug Customization 4 May-01-2006 12:04 PM


Thread Tools
Display Modes

Posting Rules  
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump