windukku

actually i think i fixed it! added the js file to the main server, but forgot to include a js script link in the head. The slideshow works, but just need to adjust the overflow and i think its all good

Thanks to whoever can help me.

Okay found out how to fix this error by backdating my jquery library to v1.8.However now i'm receiving another error: Uncaught TypeError: Object [object Object] has no method 'cycle'

Thanks guys, managed to fix this problem

For some reasons, the css doesn' link to the div classes within that section. Website:http://winstonduke.com/waltzforlife HTML: <div class="slideshowtime"><ul id="nav"> <li id="prev"><a href="#" width="10" height="10">Previous</a></li> <li id="next"><a href="#" width="10" height="10">Next</a></li> </ul> <ul id="slides"><li><img src="images/photography/trmpimg.jpg" /></li> <li><img src="images/photography/bubble.jpg" /></li> <li><img src="images/photography/umbrellagirl.jpg"/></li> <li><img src="images/photography/girlbike1.jpg" /></li> <li><img src="images/photography/girlcrouch.jpg" /></li><li><img src="images/photography/guytrain.jpg" /></li><li><img src="images/photography/guydream.jpg" /></li><li><img src="images/photography/yellowgroup.jpg" /></li><li><img src="images/photography/oldman.jpg" /></li><li><img src="images/photography/waterfall.jpg" /></li></ul> </div> CSS: /* Slideshow */ div#slideshowtime{ width: 1083px; height: 518px; padding: 15px 0 0 12px; overflow: scroll; /* Allows the slides to be viewed using scrollbar if Javascript isn't available */ position: relative; z-index: 5;} div#slideshowtime ul#nav { list-style: none; position: relative; top: 210px; z-index: 15;} div#slideshowtime ul#nav li#prev { float: left; margin: 0 0 0 40px; } div#slideshowtime ul#nav li#next { float: right; margin: 0 50px 0 0; } div#slideshowtime ul#nav li a { display: block; width: 80px; height: 80px; text-indent: -9999px; } div#slideshowtime ul#nav li#prev a { background:; } div#slideshowtime ul#nav li#next a { background: ; } div#slideshowtime ul#slides { list-style: none; } div#slideshowtime ul#slides li { margin: 0 0 20px 0; }

Hmmm, thanks again. I just tried try that, however it's the same issue. It seems to work okay on mozilla, but on chrome, the photos do not appear until i click on a different link then return.

Thank you, i think i managed to get rid of one of the versions, but now i've reached this error: [cycle] terminating; zero elements found by selector

So i assume i should i remove one of the versions of jQuery? Sorry for my lack of jquery knowledge.

Hello, I recently installed one of the cycle slideshows onto my website:http://winstonduke.com/waltzforlife/ I was coding using wampserver, and all was fine until i uploaded all the files to my server. Initially when you reach the page, the slideshow doesn't load properly. Until you either refresh the page, or go to another section then return back tothe page which has the slideshow. Any help with this would be much appreciated.

Hey, nope, i've updated it with the css code above!

Here's the code. .navwrapper{float:left; width: 800px; min-width: 800px; margin-top: -233px; margin-left: 612px;}body header nav {font-size: 11px;font-weight: normal;font-variant: small-caps;text-transform: uppercase;text-decoration: none;line-height: 18px;margin-top: -84px; margin-left: 124px;list-style-type:none;#logo{float:right;width:110px; height:90px; margin-top: -34px; margin-right: -72px;}#line{float:right;width:110px; height:90px; margin:5px;}font-family: 'Nunito', sans-serif;

Hey,Thanks for the reply, I used float for the positioning but still getting the same results...

Hello, My website is www.winstonduke.com. The divs in my webpage would move on lower screen resolutions (using http://quirktools.com/screenfly/).I have a 22" screen. I found out this was because my divs are set to 'absolute', and instead needed to add a wrapper around the divs in order to keep them within their place. So i tried this with 'line' & 'logo' and put them into 'navwrapper' which are both on the front page, but they still keep moving (to the right) at lower resolutions. Wondering if you could help me...Thank you

Hello, I'm having a few problems as of late. I'm still pretty new when it comes to building my own website, but i finally finished it: www.winstonduke.com ,but i completely disregarded how the website would appear on other screen resolutions. So after testing it on a laptop, and another computer, i noticed some of the elements on the screen looked completely misplaced, and the navigation bar looks slightly misplaced also. So my questions following are: 1. Is there a particular rule i could use to keep the elements in place? (im guessing this has something to do with my elements position being 'absolute' although i could be wrong)2. How can i code my website so that it readjusts comfortably depending on the screen resolution? Below is an image of how it looks on the laptop.

Ahh okay thanks, i've fixed the problem. I'm currently working on WAMP, and forgot to upload the image to the filezilla server.