Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

First Website: Nivo Slider

Hello everyone, In my website, I am attempting to include a premade javascript image slider, called the Nivo slider, Found here: http://dev7studios.com/nivo-slider/

It works perfectly on my site but there are gaps on the top and bottom of the slider which prevent other images from touching the slider. I Would like to have static images on both top and bottom of the image slider if it is possible. I have poked around in both the .javascript and .css folders and have only found a way for and image to touch the bottom so far.

I have next to no knowlege of javascript but I believe that is where the code is that is causing a bumper on top of the slider. Anyways, I hope that I didn't bore you to death but if you know javascript or think that you might be able to help, that would be a lifesaver right now.

In the meantime, I'll be bashing my head against the computer trying to think of something to fix this.

-Noah Cooke

3 Answers

Can you post a link to the site you've built it on? It would be easier to figure out if we could see it.

Ok you can find the website here: http://open-mfg.com/

Thanks

The id "slider" has a margin-top set to 20px. Try this:

slider {

margin: 0 auto; }

my css got reformatted... there's supposed to be a hashtag before slider.

Wow! Thanks so much! Can't believe I missed this. Thanks a whole lot!

comment deleted

oops