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

CSS

Natalie Lewis
Natalie Lewis
3,096 Points

Why are my Images on my page- othercrafts.html, appearing in the navigation bar?

https://w.trhou.se/uxl8jzcrvt

how do I move the images below the navigation?

4 Answers

This 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;

Hello,

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
Paul Walker
28,904 Points

You 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
Natalie Lewis
3,096 Points

Thanks for the feedback. I made sure to put them into separate folders

Paul Walker
Paul Walker
28,904 Points

Your 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.