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
Natalie Lewis
3,096 PointsWhy are my Images on my page- othercrafts.html, appearing in the navigation bar?
how do I move the images below the navigation?
4 Answers
Liam Clarke
19,938 PointsThis is because you are setting the width 250px and the height 200px and then rotating them 90 degrees.
So now the width of 250px is facing vertically so the height of 200px is sitting outside of the container by 50px when rotated.
You can fix this by changing the transform origin to:
transform-origin: bottom;
Daves Biag
2,371 PointsHello,
I am a newbee, I tried and test my code answer and I hope this will help in the below.
<div class="container"> <img src="testube.jpg" class="testTube"> <img src="creeper.jpg" class="Creeper"> </div>
Paul Walker
28,904 PointsYou may want to brush up on your HTML Natalie. Your folder structure is important, your image, CSS, javascript should be in a separate folder. Images go into an img folder, CSS goes into CSS folder...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nats Creations</title>
<link rel="stylesheet" href="main.css">
</head>
<body>
<header>
<nav id="navagation">
<a href="index.html">Home</a>
<a href="polymerclay.html"> Polymer Clay</a>
<a href="papercrafts.html">Paper Crafts</a>
<a href="othercrafts.html">Other Crafts</a>
</nav>
</header>
<!-- Place your image here. -->
</body> <footer> <p> © Natalie Lewis</p> </footer>
</html>
Natalie Lewis
3,096 PointsThanks for the feedback. I made sure to put them into separate folders
Paul Walker
28,904 PointsYour welcome Natalie. Try to use an unordered list for your navigation instead of tables if you can, and good luck on your project. That is the best practice for creating websites.