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

Posted by Itsik Dangoor
.a{fill-rule:evenodd;}techdegree
Itsik Dangoor
Front End Web Development Techdegree Student 5,330 Points

Workshop by David Conner: Create a fullscreen slider with CSS. not working full 100% image, why?

hi there,

I write the code with my own images as we learned in the workshop but the slider is cutting and not resized to fit the screen(container). u can see the it by resizing the window and the upper and bottom of the image is been full revealed. the width is fine but the height is the issue. I don't know why?

I even downloaded the code and images we used in CodePen plus from workspace, and still we could see there the same issue!

can some one help me out here? if u want the code u could go to the CodePen and see it and if you want the skeleton code download it from TreeHouse workspace. Or just ask me and I send it All ready to use to you by e-mail.

David Conner workshop: https://teamtreehouse.com/library/create-a-fullscreen-slider-with-css

CodePen: http://codepen.io/davidicus/pen/pvObpV

workspace(u have to fork it to your own workspace) https://w.trhou.se/5kf26zbcjs

thank you

David Conner
David Conner
Treehouse Guest Teacher
David Conner
David Conner
Treehouse Guest Teacher

Can you post a link of your code so I can see what you are working with? It will be easier to help you debug.

1 Answer

Itsik Dangoor
seal-mask
.a{fill-rule:evenodd;}techdegree
Itsik Dangoor
Front End Web Development Techdegree Student 5,330 Points
Itsik Dangoor
.a{fill-rule:evenodd;}techdegree
Itsik Dangoor
Front End Web Development Techdegree Student 5,330 Points

hi, sorry for the late replay. yes this code that is the same as in the workshop. (I don't know why it's not working well on the workshop preview button, but you can download the whole project and run it from your computer). https://w.trhou.se/7jkl6rcftx

  • the pictures are not fully presented the top and bottom of the pictures are cut off, you can put any other picture and it will give you the same result.
  • see the picture by itself from another program and you can see the difference.

thank you

David Conner
David Conner
Treehouse Guest Teacher
David Conner
David Conner
Treehouse Guest Teacher

I'm sorry I still do not see what the issue is. Can you take a screenshot of the issue? When i open the code you have here it is working as intended. I even copied it to this fiddle and still no issue. http://jsfiddle.net/gpwgsu7j/

I have checked in Chrome, Firefox and IE. Wish I could be of more help. I still think that using background-size and position is what you need based in the code you sent me from your own site. Without being able to reproduce your defect I am about out of options.