Responsive template image and article

Thanks Ivan,

The link is:
174.120.6.98/~john/

If you need admin access let me know and I'll PM you.

Cheers

John

PS - I've added class="dynlayout_wide1" to the first 20 articles on the home page only.

it behaves expected, you need to put class="dynlayout_wide1" every one or it will starch because content is like that. You could edit it like this first image then newline <br/> then text in container of defined width otherwise it will be auto-calculated as article "that wants" to be 100% width.

Sorry Ivan,

I might not have been clear. The first 20 articles ALL have the class="dynlayout_wide1" already inserted(using the format below). In the featured Home menu, it's set to load 10 intro articles. The first 10 load OK and come out with small images. When the second 10 load (when you reach the bottom of the page), the intro images are BIGGER than the first 10. For example, "Brad Pitt’s Zombie apocalypse is coming: World War Z trailer strikes" is article number 11, and it's image is twice as big, even though its image size is 90px by 130px just like the other articles.

I'd like the template to keep loading articles in the SAME format/size, not with different sizes (the images are all the same size). I've only formatted the first 20 articles as a test (I have about 800 to do).

If I add more intro articles in the menu, then they all load at once (e.g. 100), but this is not what I want as it would be too slow and defeats the purpose of having auto load.

I tried replacing the p tags with BR tags and inserting a BR tag after the image, but this did not fix the problem.

Cheers

John

Code format used in first 20 articles...

It might be a template bug. class="dynlayout_wide1" formats articles differently depending on whether the MENU OPTIONS are set to LEADING ARTICLES or INTRO ARTICLES. In other words images are resized differently with each setting using your template. Is this a possibility?

when I look it all articles appear same until "Elon Musk's SpaceX launches first commercial spacecraft" which is 100% in width?

Do you see a difference in "image size" between the first 10 and the second 10 articles? For example,compare World War Z to Star Trek into Darkness. The original size of both these images is 90px by 130px and both have the class="dynlayout_wide1" added. However, I see World War Z as a very large image and Star Trek as the right size (a lot smaller).

Is this not what you are seeing? I have tried it on multiple computers devices and there is always a difference in image size between the first 10 and second 10 articles after loading.
IMAGE SIZE is what I'm talking about...

This is very frustrating!