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
Kathryn Notson
25,941 PointsFull Stack JavaScript: Using jQuery Plugins: Add a Sticky Navigation Bar: Adding Sticky Navigation
Dave McFarland:
Video at 3:04 shows on the work.html "<img src="img/slide-kitt.png" alt="" /> renders incompletely. A small icon image appears in the top 1/2 of the yellow background instead of the Kitt image. Only the top 1/2 of the yellow background is rendered in Google Chrome browser in Windows 7. The Kitt image doesn't render in Google Chrome browser in Windows 7.
The Kitt image rendered correctly using Google Chrome browser in Windows 7 in the Using jQuery Plugins: Adding a Plugin to a Web Page & Exploring Plugin Options (adding Animsition plugin).
What happened between between the previous lesson videos & this video off camera that wasn't corrected in this video to cause the Kitt image to not be rendered correctly?
The sticky navigation bar plugin doesn't work on the index.html (home) page in the previous lessons as no vertical scrollbar appears. The sticky navigation bar does work on the work.html & team.html pages.
2 Answers
Jeseekia Vaughn
13,517 PointsBased on the workspace, it looks like you'll want to have <img src="img/slide-kitt.png" alt="" /> rather than <img src="img/slide.kitt.png" alt="" />
I hope this helps.
Kathryn Notson
25,941 PointsDavid McFarland & Jeseekia Vaughn:
I didn't intend to write the image tag for the kitt.png with a "." instead of a "-".
This is a question for the instructor as the issue is with his video & his code, not the student's code. He has an error in his code in the slides.html file as the "Kitt" image is capitalized & should be a lowercase "k". However, once that is corrected, the image still doesn't render correctly. I have reviewed the video multiple times & have checked my code which is identical to the instructor's code.
UPDATE: I just reviewed my work.html & the instructor's slides.html. Both have been corrected <img src="img/slide-kitt.png" alt="" />. I refreshed my Workspace & now the Kitt slide fully renders with its full yellow background.
However, my sticky navigation from the previous lesson still doesn't work on my index.html (home) page & a vertical scrollbar doesn't appear as it does in the instructor's video.