SitePoint Sponsor

User Tag List

Results 1 to 2 of 2

Hybrid View

  1. #1
    SitePoint Member
    Join Date
    Jan 2012
    Location
    Berlin/Dublin
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    CSS + jQuery scrollable navigation

    Hey all,
    Im new here, sooo, Hi I found out of this great resource from Smashing Mag & it looks exactly what Im after.
    Im just trying to put som extra bells and whistles on a site im working on and hit a bit of a snag.

    Hopefully this isnt too much of a problem, but I'm struggling to fix it.
    I want to use this jquery navigation on a site im working on: http://flowplayer.org/tools/demos/sc...avigation.html

    and while I can get it work on a basic page, when I start to put it within divs ive already styled, it stops working. you can see examples here:

    working:
    http://www.georgianwines.ie/scroller.php

    not working:
    http://www.georgianwines.ie/grape_var_test.php

    so im pretty certain its my existing CSS stopping the animation from executing, but im a bit stumped. any ideas guys? much appreciated!
    cheers

  2. #2
    SitePoint Member
    Join Date
    Jan 2012
    Location
    Berlin/Dublin
    Posts
    2
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    ok, well after some further invesitgation i found the culprit. a tiny bit of script that is allowing me to do the dropdown menu.
    when i remove it from the page, it works.
    so my problem is no longer a CSS issue, so apologies if im in the wrong forum !!!
    this is the offending bit anyway:

    Code:
    <script type="text/javascript"> 
    
    ddsmoothmenu.init({
    	mainmenuid: "smoothmenu1", //menu DIV id
    	orientation: 'h', //Horizontal or vertical menu: Set to "h" or "v"
    	classname: 'ddsmoothmenu', //class added to menu's outer DIV
    	//customtheme: ["#1c5a80", "#18374a"],
    	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })
    
    ddsmoothmenu.init({
    	mainmenuid: "smoothmenu2", //Menu DIV id
    	orientation: 'v', //Horizontal or vertical menu: Set to "h" or "v"
    	classname: 'ddsmoothmenu-v', //class added to menu's outer DIV
    	//customtheme: ["#804000", "#482400"],
    	contentsource: "markup" //"markup" or ["container_id", "path_to_menu_file"]
    })
    
    </script>
    But this basically allows the dropdownmenu to function or not, so removing it isnt the best of options.
    As im not really a coder, so im pretty stumped to say the least. Can anyone offer any help on this. Id be much appreciated.
    Thanks Alot.
    r


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •