jquery infinite carousel viewport size relative to carousel image size -
i'd preface fact posting first time , totally noob web design , forum...
i trying setup carousel gallery display images , i'm utilizing jquery infinite carousel script so. i've noticed images seem shorter viewport window though believe i've set dimensions same. i've done trial , error , believe it's css setting don't have correct, wouldn't surprised if i'm way off.
as mentioned, i've never posted here before whatever you'd me post, try , in order beneficial feedback.
i haven't modified of original js (jquery.infinite-carousel.js). have modified .css file downloaded easier me understand.
thanks kind of help.
#gallery{ width: 1200px; overflow:hidden; margin-left: auto; margin-right: auto; margin-top: 36px; border-width: 0 2px 0 2px; border-color: #666; border-style: solid; } #gallery ul{ position: relative; padding: 0; margin-top: 0; //<------- adding line fixed problem } #gallery li{ width: 1200px; height: 800px; float: left; list-style: none; } #prev, #next{ position: relative; width: 400px; float: left; cursor: pointer; font-family: 'loved king', cursive; font-size: 20px; color: #88796a; text-decoration: none; }
Comments
Post a Comment