- Posts: 24
COMMUNITY FORUM
[SOLVED] Image not rendering correctly
- Pat Adkins
- Topic Author
- Offline
- Junior Member
Less
More
11 years 3 weeks ago #118083
by Pat Adkins
[SOLVED] Image not rendering correctly was created by Pat Adkins
The image on this blog post isn't sized correctly. All of the other posts on this blog are sized correctly.
This is the problem post:
www.foremostresumes.com/blog/item/40-resumes-job-search-and-unemployment-news-for-the-week-of-sept-1-2013
This is 1 of many posts where the image is correct:
www.foremostresumes.com/blog/item/33-members-of-the-military-should-choose-foremost-resumes
On the home page of the blog, the problem post's image is also not rendering correctly, while the other posts do:
www.foremostresumes.com/blog
I am baffled because all of these images have the same dimensions.
Please help.
Thank you.
This is the problem post:
www.foremostresumes.com/blog/item/40-resumes-job-search-and-unemployment-news-for-the-week-of-sept-1-2013
This is 1 of many posts where the image is correct:
www.foremostresumes.com/blog/item/33-members-of-the-military-should-choose-foremost-resumes
On the home page of the blog, the problem post's image is also not rendering correctly, while the other posts do:
www.foremostresumes.com/blog
I am baffled because all of these images have the same dimensions.
Please help.
Thank you.
Please Log in or Create an account to join the conversation.
- Yiota
- Visitor
11 years 3 weeks ago #118084
by Yiota
Replied by Yiota on topic Re: Image not rendering correctly
This is happening because the .itemImage class has a height of 320px and your image has 282px. Since that image loads as a background it repeats in order to fill in the 320px.
Just load a 320px height image or you can add background-position: 50% 0 !important; background-repeat: no-repeat !important; in case like this where you have smaller in height images to fill in the top part and do not repeat.
Just load a 320px height image or you can add background-position: 50% 0 !important; background-repeat: no-repeat !important; in case like this where you have smaller in height images to fill in the top part and do not repeat.
Please Log in or Create an account to join the conversation.
- Pat Adkins
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 24
11 years 3 weeks ago #118085
by Pat Adkins
Replied by Pat Adkins on topic Re: Image not rendering correctly
Not sure why my image is uploaded 282px in height. I'm uploading screenshots all showing that the image is 320px.
Please Log in or Create an account to join the conversation.
- Yiota
- Visitor
11 years 3 weeks ago #118086
by Yiota
Replied by Yiota on topic Re: Image not rendering correctly
Now you image seems OK. Just keep in mind my previous post and be careful with the height of the images you upload.
Please Log in or Create an account to join the conversation.
- Pat Adkins
- Topic Author
- Offline
- Junior Member
Less
More
- Posts: 24
11 years 3 weeks ago #118087
by Pat Adkins
Replied by Pat Adkins on topic Re: Image not rendering correctly
I took your advice and changed the css - worked like a charm. Thank you!
Please Log in or Create an account to join the conversation.