Image Size, Image distortion |
Image Size, Image distortion |
Matthew Cox |
Jan 7 2012, 11:17 AM
Post
#1
|
Group: Members Posts: 5 Joined: 7-January 12 Member No.: 16,207 |
I've set up a blog: www.madetobelieve.com
When you click through to a topic at the top of the page the images are stretched and distorted. I can't find out how to change this. Please help Matt |
Christian J |
Jan 7 2012, 10:45 PM
Post
#2
|
. Group: WDG Moderators Posts: 9,656 Joined: 10-August 06 Member No.: 7 |
|
pandy |
Jan 7 2012, 10:58 PM
Post
#3
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
The size is correct in the HTML. The only thing I find is this.
CODE .entry img{ float:left; margin:0px 10px 10px 0px; max-width:490px; padding:5px; background:#000; } But max-width shouldn't force that width and AFAIK it doesn't. The number is right though. The image is displayed at 490 pixels width. |
pandy |
Jan 7 2012, 11:09 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Ah! It's this.
CODE <script type='text/javascript'> var thumbnail_mode = "float-left"; summary_noimg = 375; summary_img = 375; img_thumb_width = 500; </script> I don't know what's done with that, but there it is. I tried changing it to a smaller value and the image shrank. Some other snip of JavaScript probably uses the above to set the width of all images in previews to 500px, then the max-width takes over and reduces it to 490px. |
pandy |
Jan 7 2012, 11:26 PM
Post
#5
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
It's used here, in a script block further down.
CODE if(img.length>=1) { imgtag = '<div class="postimg"><img src="'+img[0].src+'" width="'+img_thumb_width+'px"/></div>'; ... |
Lo-Fi Version | Time is now: 24th April 2024 - 10:14 AM |