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.

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