The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> How to fix squeezed images?
Schwarz
post Feb 1 2011, 04:43 PM
Post #1





Group: Members
Posts: 1
Joined: 1-February 11
Member No.: 13,764



I just recently started blogging on Blogger and the template I'm using is messing up the pictures I'm posting. It's squeezing the images.

Anyone know how to fix this? Is there a way to change the code to make it look normal?

Notice on my homepage how the images are squeezed. The red fish stands out a lot, compared to the image on the post.
http://survivalcoach.blogspot.com/

My code: http://www.sendspace.com/file/rglzon

Thanks
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Feb 1 2011, 07:10 PM
Post #2


.
********

Group: WDG Moderators
Posts: 9,649
Joined: 10-August 06
Member No.: 7



QUOTE(Schwarz @ Feb 1 2011, 10:43 PM) *

I just recently started blogging on Blogger and the template I'm using is messing up the pictures I'm posting. It's squeezing the images.

The red fish image file's dimensions are 325x175px. The template's HTML IMG element is 320x170px, but then that in turn is overridden by javascript(?) which makes the image about 260px wide and too high. Seems the same script also adds the text.

QUOTE
Is there a way to change the code to make it look normal?

Maybe the template can be changed so that IMG elements are wider, but then there will be less space for text. You might make the IMG elements less high instead.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Frederiek
post Feb 2 2011, 02:57 AM
Post #3


Programming Fanatic
********

Group: Members
Posts: 5,146
Joined: 23-August 06
From: Europe
Member No.: 9



On your page the red fish image is actually 320 x 172px, but set to 260 x 195px in the IMG tag. If you want the image to be 260px wide then its height should be 139px to keep its aspect ratio. You achieve that by setting the height to auto or by getting rid of the height entirely.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Feb 2 2011, 06:26 AM
Post #4


.
********

Group: WDG Moderators
Posts: 9,649
Joined: 10-August 06
Member No.: 7



QUOTE(Frederiek @ Feb 2 2011, 08:57 AM) *

On your page the red fish image is actually 320 x 172px

Ah yes, on http://survivalcoach.blogspot.com/ the image file is http://4.bp.blogspot.com/_MI-qiMYM7Bo/TUIF...red_snapper.jpg which is indeed 320x172. That image might fit better on http://survivalcoach.blogspot.com/2011/01/edible-fish.html where the IMG element uses the same dimensions, but the current image file is instead the 325x175px http://4.bp.blogspot.com/_MI-qiMYM7Bo/TUIF...red_snapper.jpg
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Feb 2 2011, 07:37 AM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,730
Joined: 9-August 06
Member No.: 6



Wouldn't it be better to make the HTML reflect the actual image size though? Something, somewhere must decide to resize the images. I take it you don't edit the raw HTML and enter those dimensions yourself, Schwarz?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 16th April 2024 - 03:58 PM