Nuts - 2

Joe helped me with one issue on this site, but there is something else that I can’t figure out which is driving me nuts two.

When I click between the 4 pages, there is a momentary ‘flash’ when the logo-image doesn’t appear to load, the rest of the page jumps up to fill the void and then it reverts to normal.

What causes this and is there any way to avoid it happening?

http://test.synonyms.fr

Grant


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Hi Grant,
The logo at the top of the page has been set to be flexible and fit the layout using percentages. This is generally a good idea but to do this the image dimensions in the HTML have been removed. What you are seeing is the browser loading the HTML for the page, determining that there is an unspecified height and width image to be rendered, collapsing the space for this item and then loading the image and CSS files in a hope of figuring out how to render the thing. When the browser has just enough information about the image it redraws the page and the height and width are set based on the browser’s calculation of the image percentages.

Back in the days of dialup we were always told to keep the width and height of the images set in the page HTML because this ‘flash of unstyled content’ could take many seconds to resolve and finally redraw the page.

If you know that your image is going to have a minimum size then you could add these dimensions in as inline styles (which load at the same time as the HTML) and should prevent the image from collapsing down to nothing.

Select the image, go to Item > Extended > and enter;
name:min-width
value:100px (or whatever)

name:min-height
value:100px (or whatever)

Try this as it ‘should’ stop the image from collapsing smaller than these dimensions when the page first loads.
Regards,
Tim.

On 9 Oct 2014, at 17:00, grantsymon wrote:

What causes this and is there any way to avoid it happening?


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It works fine over here … no flash at all.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

It is almost unnoticeable on my connection as the page loads in 7/10ths of a second. Still even at that speed you can just about see that page loads the collapsed image and then drops the content down when the image finally gets rendered.
Regards,
Tim.

On 9 Oct 2014, at 18:45, Richard van Heukelum wrote:

It works fine over here … no flash at all.


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options

Thanks Tim.

I tried the extended styles, but it didn’t completely fix it and as this is a responsive site, the image was distorted as it got smaller. Ho hum. Guess I just have to live with it. :expressionless:


freewaytalk mailing list
email@hidden
Update your subscriptions at:
http://freewaytalk.net/person/options