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

HTML

Posted by Audrey Barker
Audrey Barker
2,963 Points

Problem regarding about page

I'm having a problem with my about page. The tutorial only gives formatting for one profile photo on the about page and I'm trying to add a second. The formatting makes the second photo's spacing off. Please check out my code, and any feedback is appreciated! thanks

<div id="wrapper">
       <section>
          <img src="img/dadprof.jpg" alt= "Photograph of Jess Barker" class="profile-photo1">
         <h3>About</h3>
         <p class=paragraph-about>Hi, I'm Jess Barker! I founded this title search company in 1993. As a graduate Research assistant in the legal studies department of the University of Illinois, I spent a lot of time researching issues and retrieving information. I started to notice that there was a tremendous demand for public records information and decided to specialize in real estate information. When I'm not working, I enjoy playing guitar with my folk band, spending  time with my kids, and drinking great coffee.</p> 
        <p> If you'd like to follow me on twitter, my username is<a href= "https://twitter.com/JBDResearch">@JBDResearch</a> </p>
        <img src="img/audreyprof.jpg" alt= "Photograph of Audrey Barker" class="profile-photo2">
         <h3>About</h3>
         <p class="paragraph-about">Hi, I'm Audrey Barker! I'm the social media manager and marketing consultant for JBDRR. When I'm not working, I enjoy running, hiking, cooking, and sipping on an excellent craft beer with friends :).</p> 
       </section>
Stephen Perez
Stephen Perez
4,229 Points

Syntax notes:
1) Your initial paragraph-element's class-selector needs quotation marks--> class="paragraph-about" . 2) In your image elements, you write alt=_"Photo..." so remove the spaces after the equal sign --> alt="Photo..." (Lines 3, 7). Your anchor element has the same problem (Line 6): remove space after equal sign.

If your CSS works fine, the stylings may now apply. If positioning issues persist, you may need to share CSS code. Before then, you can look into using such declarations as: display (inline; block; or inline-block;) , float (left; right;) , clear(both;) messing with padding, etc

Also check out this link and browse around to relevant terms (there is a search bar in top-right): http://www.w3schools.com/cssref/pr_class_float.asp if you are interested in slogging through their good examples until you grab some nuances.

This might not be an easy fix, but don't give up! You might make a happy accident :)

1 Answer

Jake Rorrer
Jake Rorrer
17,788 Points
Jake Rorrer
Jake Rorrer
17,788 Points

Hi Audrey Barker! What does your css look like? Css is what controls the styling and layout of the page.