Can't get pass 92% Neighborhood Guides: Images 2


#1

I have done all of the steps but I keep getting: Oops, try again. Add a

..

I have already added my thumbnails for this step. I stopped on this step 2 months ago and now it's still giving me the same msg. Arrgh.


#2

you have a thumbnail in a thumbnail in your second col, apart from that i need to run it (so you need to copy your code to the forum, and you are at the wrong, while we are speaking of forums


#3

That 2nd thumbnail was the one I added due to it saying I needed to add one. I didn't know where. However it keeps saying to add another thumbnail. I tried to copy my code instead of the screen shot but it wouldn't let me since it says new users can only send 1 image. I'll try again. What do you mean I am in the wrong.

     <div class="col-md-4">
     <div class="thumbnail">
     <img src="http://goo.gl/Av1pac" >
     </div>
     <div class="thumbnail">
      <img src="http://goo.gl/vw43v1">
    </div>
    </div>
   <div class="col-md-4">
   <div class="thumbnail">
   <img src="http://goo.gl/0Kd7UO" >
    </div>

  

<img src="//codecademy-discourse.s3.amazonaws.com/original/4X/4/0/6/40690c537c452778a440612278aaed58eabb142a.png" width="690" height="387">

#4

if you edit/update your question, leave a reply so i get a notification. Your code is not visible, take the following steps to make your code visible:

select your code and press ctrl + k (or cmd + k if you use a mac)

if this instructions are unclear, you can also insert 3 backticks before and after your code, like so:

```
<p>visible</p>
```

the backtick is located above the tab key on your keyboard

I am not going to work from a image, to complicated with this code, please post full code. Your first col seems empty, where are the image from the previous exercise? you should have 5 images total


#5

Wow, not sure if English isn't your first language or you are just fed up with answering forum posts. When you click on the image it does enlarge, thought that was sufficient. I will try this again.

<!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>
     <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>
    
    <div class="col-md-4">
    </div>
    
      </div>
      <div class="container">
      </div>
        <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="learn-more">
	  <div class="container">
		<div class="row">
	      <div class="col-md-4">
	    
  </div>

  <div class="col-md-4">
    <div class="thumbnail">
    <img src="http://goo.gl/Av1pac" >
    </div>
    <div class="thumbnail">
      <img src="http://goo.gl/vw43v1">
    </div>
  </div>

  <div class="col-md-4">
    <div class="thumbnail">
      <img src="http://goo.gl/0Kd7UO" >
    </div>
  </div>
	   
</div>
			<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>
		   <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>
		   <div class="col-md-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>

#6

i am not a native english speaker, and i guess you where number i don't know how many that day that didn't format your code. Whole sections of your code are still not visible


#8

As I mentioned before I did format it but it didn't go through just like it isn't going through now. I am still trying. The code comes up complete on the left side of screen it just incorporates the code into the images on the right for some reason just for those 3 thumbnails. I do have 5 images in total. Still trying my library session is available.


#9

<!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>
     <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>
    
    <div class="col-md-4">
    </div>
    
      </div>
      <div class="container">
      </div>
        <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="learn-more">
	  <div class="container">
		<div class="row">
	      <div class="col-md-4">
	    
  </div>

  <div class="col-md-4">
    <div class="thumbnail">
    <img src="http://goo.gl/Av1pac" >
    </div>
    <div class="thumbnail">
      <img src="http://goo.gl/vw43v1">
    </div>
  </div>

  <div class="col-md-4">
    <div class="thumbnail">
      <img src="http://goo.gl/0Kd7UO" >
    </div>
  </div>
	   
</div>
			<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>
		   <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>
		   <div class="col-md-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>

#10

all the images should be in <div class="neighborhood-guides></div>, now part of your images are in neighborhood-guides and part <div class="learn-more"></div>


#11

<!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>
     <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="row">
         <div class="col-md-4">
   
    </div>  
    <div class="col-md-4">
    <div class="thumbnail">
      <img src="http://goo.gl/Av1pac" >
    </div>
    <div class="thumbnail">
      <img src="http://goo.gl/vw43v1">
    </div>
  </div>
  <div class="col-md-4">
    <div class="thumbnail">
      <img src="http://goo.gl/0Kd7UO" >
    </div>
  </div>
</div>
    
    </div>
    
    <div class="col-md-4">
    </div>
    
      </div>
      <div class="container">
      </div>
        <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="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>
		   <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>
		   <div class="col-md-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>

I'm still getting the same message and now my images are all in the Neighborhood Section


#12

i am getting tired of this, your code is still a mess. Go back a couple of exercises, here is the code from a few exercises back:

<!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">
        <!-- your image grid here -->
  </div>
</div>
</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>  
        <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>

As you can see, you have 4 sections: nav, jumbotron, neighborhood-guides and learn-more, yours where so messed up


#13

I know your pain it took me a few tries; I recommend looking over you

making sure each line in plugged into the correct class. So for example,on line 69 your image line isn't properly placed inside the div. review them all and make sure the divs are correct.Hope that helps.

#15

Thanks, as I was explaining to Mr. Professional, I came back to this from 2 months ago. I did reset the code when I kept getting that message. I thought that would only reset the last move maybe it did more. I will take heed to your advice. :relaxed:


#16

Hi! Help, I can't find my mistake
I don't understand where I miss.


#17


#18

please post your code, so i can actually run it to see where the mistake, spotting it from a image (especially one this small is too much trouble)


#19

Hi there I just fixed my error.

Do you have an extra div for the first column?


#21

Still struggling with this exercise. I started last night and stopped after getting the warning of adding another

. I've been altering my code and following the replies on this topic and still struggling. Any help would be appreciated. Here is what I am working with

Thank you!


#22

no images, just post your code so i can run it. Thank you


#24

Formatted all code in this topic --

Furthermore, please keep discussion civil. This is a learning community. Attacks thrown at each other won't be tolerated. -> topic cleaned of inappropriate posts.