Welcome to the Treehouse Community
The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)
Looking to learn something new?
Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.
angelyork
1,519 Points"About" image shows up in Chrome but not Firefox
Why would it do that? What should I be looking for?
6 Answers
Jenny Veens
10,896 PointsHi Angelyork,
If you post your code it makes it easier for others to help you.
One thing you might want to check is that you include an 'alt' attribute in your image tag. Without this your img might not validate in FireFox.
angelyork
1,519 Points<pre><code> <img src="img/angelbob.jpg" alt="photograph of angel and bob" class="profile-photo">
and the css says
.profile-photo { display: block; max-width: 150px; margin: 0 auto 30px; border-radius: 10%; } </code></pre>
Jenny Veens
10,896 PointsIt would be great if you could also include your HTML, as I think that's where the problem is.
You want your image tags to look like this:
<img src="../images/thisimage.jpg" alt="This is the image description">
angelyork
1,519 PointsI don't know how to make the html show without individually replacing all the brackets with 4 characters. How should I be doing that?
Jenny Veens
10,896 PointsYou can include <code> snippets in markdown
Checkout the link to the Markdown Cheatsheet. (Below where you post a comment)
angelyork
1,519 Points'''html <img src="img/angelbob.jpg" alt="photograph of angel and bob" class="profile-photo"> '''
angelyork
1,519 PointsI don't really understand what the Markdown Cheatsheet is trying to tell me to do. I've tried using it before and gotten similar results to above....
angelyork
1,519 PointsHURRAY I finally found the full instructions on the markdown language. It's not an apostrophe. It's the character that shares the button with the ~.
<img src="img/angelbob.jpg" alt="photograph of angel and bob" class="profile-photo">