#7 Oops, try again. Add a <div class="thumbnail">..</div>


#1

Hello Members of Code Academy!

I have been stuck with this problem, for longer than I care to admit.

So just a few things to clarify:

I have actually skipped ahead to the next part of this section (#8) and then compared the "code" in that the section to the code written in my #7 answer. To my knowledge they match but I still receive the: " Oops, try again. Add a

..
" Message.

To further re-iterate the whole notion of "they match" ; I copy and pasted the code from #8 to #7 AND still receive the error message.

Okay, that's fine. Take to the Forums.

I have read from the: 6 & 7. Some advice to help you control your divs post. Linked here [http://discuss.codecademy.com/t/6-7-some-advice-to-help-you-control-your-divs/9829]

I do not know what "whitespace" is in regards to the advice in the above post but have done my best to follow all of the other advice given in the post but to no avail.

Here is the code that I am typing in for #7: I have deleted the URL for the images b/c they seem to actually load in my Post and have also added a line of space between each code for easier reading.

<div class="thumbnail">

<class="pull-left">

<img src="">

</div>

<div class="thumbnail">

<class="pull-right">

<img src="">

</div>

</div>


<div class="col-md-4">

<div class="thumbnail">

<img src="">

</div>

Okay, that's all I really have to offer as far as work for the question and would really appreciate any help with this as apparently I am to thick to figure it out. ( le sigh)

If anything above needs clarification please don't hesitate to ask in the comments below and I will reply as quickly as possible.

Thank you for your time and advice!
:yum:

{Final Note: Never posted before, unsure if I should tag this as a bug or anything so I have left the tag option blank]


#2

I enjoyed your story. Let's see if we can get things sorted.

First, in case you need it again, "How to post code in this forum", so you don't have to worry about your images displaying.

Okay, well, maybe I have to stop here because I can't figure out what you are doing in that code that you've shown me. :smile:

Could we step back to exercise 5 and make sure that your code follows the plan?

This page you are making is composed of 4 major divs. The nav, jumbotron, neighborhood-guides and learn-more. At the end of exercise 4/14 you would have had the nav, jumbotron and learn-more in place and in 5/14 you are adding neighborhood-guides. It goes between jumbotron and learn-more.

Here is the overall plan that you are aiming for:

  <!DOCTYPE html>
  <html>
    
    <head>
      ... links in here
    </head>

    <body>

      <div class="nav">
        <div class="container">
        ... your nav code goes in here
        </div>
      </div>

      <div class="jumbotron">
        <div class="container">
        ... your jumbotron code goes in here
        </div>
      </div>
      
      <div class="neighborhood-guides">
        <div class="container">
        ... your neighborhood-guides code goes in here
        </div>
      </div>

      <div class="learn-more">
        <div class="container">
          ... your learn-more code goes in here
        </div>
      </div>

    </body>
  </html>

After you've had a look through that, and sorted out any issues, could you post your updated code? Feel free to ask about any confusing instructions.


#3

Hello! So sorry for the delayed response! Been very busy due to this past holiday! Here is a copy of my code!

   <!DOCTYPE html>
<html>

  <head>
    <link href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/shift.css" rel="stylesheet">
    
    <link rel="stylesheet" href="http://s3.amazonaws.com/codecademy-content/courses/ltp/css/bootstrap.css">
    <link rel="stylesheet" href="main.css">
    
  </head>

  <body>
    <div class="nav">
      <div class="container">
        <ul class="pull-left">
          <li><a href="#">Name</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul class="pull-right">
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>

    <div class="jumbotron">
      <div class="container">
        <h1>Find a place to stay.</h1>
        <p>Rent from people in over 34,000 cities and 192 countries.</p>
        <a href="#">Learn More</a>
      </div>
    </div> 
    
    <div class="neighborhood-guides">
    <div class="container">
    <h2>Neighborhood Guides</h2>
    <p>Not sure where to stay? We've created neighborhood guides for cities all around the world.</p>
    
    <div class="row">
    <div class="col-md-4">
    <div class="thumbnail">
    <img src="http://goo.gl/0sX3jq">
    </div>
    <div class="thumbnail">
    <img src="http://goo.gl/an2HXY">
    </div>
    
     <div class="col-md-4">
    <div class="thumbnail">
    <class="pull-left">
    <img src="http://goo.gl/Av1pac">
    </div>
    <div class="thumbnail">
    <class="pull-right">
    <img src="http:goo.gl/vw43v1">
    </div>
    </div>
    
    
    <div class="col-md-4">
    <div class="thumbnail">
    <img src="http://goo.gl/0Kd7UO">
    </div>

    <div class="learn-more">
	  <div class="container">
		<div class="row">
	      <div class="col-md-4">
			<h3>Travel</h3>
			<p>From apartments and rooms to treehouses and boats: stay in unique spaces in 192 countries.</p>
			<p><a href="#">See how to travel on Airbnb</a></p>
	      </div>
		  <div class="col-md-4">
			<h3>Host</h3>
			<p>Renting out your unused space could pay your bills or fund your next vacation.</p>
			<p><a href="#">Learn more about hosting</a></p>
		  </div>
		  <div class="col-med-4">
			<h3>Trust and Safety</h3>
			<p>From Verified ID to our worldwide customer support team, we've got your back.</p>
			<p><a href="#">Learn about trust at Airbnb</a></p>
		  </div>
	    </div>
	  </div>
	</div>
  </body>
</html>

After reviewing your comment and my code I still seem to be missing something... :confused:


#4

How did these get into your thumbnails?

<class="pull-left">
<class="pull-right">

Your first column needs to have a closing tag before the second column begins.

Your third column, row, container and neighborhood-guides divs all need closing tags.