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 How to Make a Website Styling Web Pages and Navigation Style the Image Captions

Chiara Giombetti
Chiara Giombetti
2,336 Points

img alignment and floating with verticals images and orizontal images.

Hello Hello!

I have a question: I choose for my portfolio some picture that are orizontals and some verticals and I need to fix the footer that goes next to the picture if the floating is applied to the gallery. Or maybe, making a 'picture box' that is orizontal and show inside the picture automatically fixed to the orizontal 'picture box'.

2 Answers

If you are talking about the image size, I suggest that you edit the image size in Photoshop or something else to meet your needs, then import it back into the project. If you'd rather use code, you can specify the width and height in either external, internal, or inline CSS using the following syntax. Note that the following code is responsive to device screen size as well.

.image {
max-height: 50px;
max-width: 50px;
min-height: 10px;
min-width: 10px;
}