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 Framework Basics Build a Website with Bootstrap Adding the Video Modal and Footer

Posted by michaelwatson
michaelwatson
16,734 Points

Adding the Video Modal and Footer Issue

I have tried this several different ways. But no matter what I do when I open the my saved index.html file the video modal is in the bottom of the screen and not hidden. But if I open the downloaded file it works correctly. Also I have copied all the html from one file to the other and it still shows up incorrectly. Any ideas??

Jesse Richard
Jesse Richard
1,899 Points

Is there a URL that this can be tested on?

2 Answers

michaelwatson
michaelwatson
16,734 Points
michaelwatson
michaelwatson
16,734 Points

Sorry there is not, I am doing this all on a local machine. As I stated though, I open the final code that I download fro TH and everything works fine. If I copy and paste that same code over into mine, the modal shows up in the bottom portion of the screen on the initial page load.

Jesse Richard
Jesse Richard
1,899 Points
Jesse Richard
Jesse Richard
1,899 Points

Likely a missing CSS file. I'd assume that the copy of the HTML has a CSS reference to a relative URL, rather than an absolute one. That is also consistent with stylistic discrepancies between two versions of exactly the same HTML.

I would use Chrome Developer Tools > Network and make sure none of the status' come back with a 404 response code.