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

"About" image shows up in Chrome but not Firefox

Why would it do that? What should I be looking for?

6 Answers

Jenny Veens
Jenny Veens
10,896 Points

Hi 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.

<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
Jenny Veens
10,896 Points

It 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">

I 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
Jenny Veens
10,896 Points

You can include <code> snippets in markdown

Checkout the link to the Markdown Cheatsheet. (Below where you post a comment)

'''html <img src="img/angelbob.jpg" alt="photograph of angel and bob" class="profile-photo"> '''

I 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....

HURRAY 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">