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
J.R. Sedivy
2,545 PointsYou Bake Me Blush Image Vanishes
After adding grids in the "Working With Grids" lesson and refreshing the browser to verify the changes (7:44) the "You-Bake-Me-Blush.gif" image disappears in the browser! I double checked my code and all seems to be in order (as far as I can tell. I added a duplicate line of code linking to the image and it reappears! However, when I remove the original line, the gif disappears from the browser. The only way I can get the gif to remain is with maintaining both lines of code in the text editor. This seems to be functional, but it bothers me as to what is happening as it seems like a sloppy solution. Any ideas?
Here is my code:
<div class="grid_3"
<img src="img/you-bake-me-blush.gif" alt="You Bake Me Blush">
<img src="img/you-bake-me-blush.gif" alt="You Bake Me Blush">
</div>
J.R. Sedivy
2,545 PointsStrange. It shows in the box when I try to edit, but it doesn't display when I submit the comment. Perhaps with a new comment:
<div class="grid_3 omega"
<img src="img/you-bake-me-blush.gif" alt="You Bake Me Blush">
<img src="img/you-bake-me-blush.gif" alt="You Bake Me Blush">
</div>
Grant Maye
926 PointsTry removing omega from your class name.
J.R. Sedivy
2,545 PointsTried it, but didn't make a difference. It actually had me add omega in a later step and the problem occurred prior to me adding it.
Grant Maye
926 PointsOh ok. You may be a bit further ahead than me. I'm still a noob. Sorry about that.
J.R. Sedivy
2,545 PointsNot a problem, I am as well. I tried it again for good measure, but no luck. This isn't really holding up my progress, but is just an annoyance. I feel as if I may be just missing something really simple and thought there might be something glaringly obvious to others :)
Grant Maye
926 PointsI understand that. Good luck to you!
Corinne Olson
1,991 Pointsyou are missing a closing bracket on the first div
Corinne Olson
1,991 Pointssorry I i did not see that this was already answered :( I thought yippy I actually know an answer to something :)
James Barnett
39,199 PointsCorinne Olson - That's what the green check mark in the thread list shows, a question has a post marked as a 'best answer`.
Corinne Olson
1,991 PointsThanks James
2 Answers
James Barnett
39,199 PointsJ.R. Sedivy - You are missing an angle bracket > on your opening div tag.
Grant Maye
926 PointsWow! Can't believe I missed that! Guess I need to pay more attention to detail. This wasn't even my question but It was bothering me because I couldn't figure it out.
J.R. Sedivy
2,545 PointsI really can't believe I missed that! I literally poured over every character of that statement, although I think I was focused a little to much on the image source. Thank you James Barnett, also thanks Grant Maye for working through this with me!
Joshua Cook
2,073 PointsI was just having the same problem, it's amazing how you can read through the code over and over and not see the missing angle bracket. Thanks James Barnett!
John Locke
15,479 PointsTry indenting the code four spaces, J.R. The forum uses Markdown, and that's how it identifies code.
J.R. Sedivy
2,545 PointsThat did the trick; thanks John!
Grant Maye
926 PointsGrant Maye
926 PointsI'd like to help but your code you're trying to display isn't showing.