CODEWITHSUNDEEP
htmlcssphoto
8bitcodecat
8bitcodecat

Reputation: 61

Photos too large in div

I am fairly new to html/css and I am coding a website for my mom. (Live example here: http://jleblanc.pancakeapps.com/index.html) and for the life of me I can't make the photos any smaller. Do you guys have any ideas?

Upvotes: 0

Views: 86

Answers (3)

designerNProgrammer
designerNProgrammer

Reputation: 2701

You can set image as responsive by making them size to 100% so they can fit any size.thanks

Upvotes: 0

Daniel Beck
Daniel Beck

Reputation: 21485

Assuming you're talking about the oversize background images in your colored tabs, the problem is that you have background-size: contain set which is scaling the image to the container size. Choose another background size (background-size: (x)% (y)% maybe?

(You'll get better answers if you reduce your question down to the specifics of what you're trying to do and give example code of what's not working, rather than just linking to a website and asking what's wrong with it)

Upvotes: 0

arleitiss
arleitiss

Reputation: 1304

If images are set in following format:

<div id="PlaceHolder"><img src="source.jpg"/></div>

You can add rule in CSS:

#PlaceHolder img{
width: 400px;
}

If you set height or width - it will automatically resize image maintaining it's aspect ratio.

Upvotes: 1

Related Questions