3 replies [Last post]
tiku2005
Offline
newbie
Last seen: 16 years 18 weeks ago
Joined: 2005-09-20
Posts: 2
Points: 0

Hi!

Could you please check this site out: this is the first site made with CSS by my coworker and I - this means there can be several imperfections.... The question is now though: when you change the page and when the new page appears there's a yellow "flash" (i.e. yellow background) that shortly appears in the place of menubox.

Why is this so? Any easy changes I can correct this with?

Thanks, Tiina
AND THIS IS THE ADDRESS: www.keissi.fi
Laughing out loud

Chris..S
Chris..S's picture
Offline
Moderator
Last seen: 9 years 18 weeks ago
Timezone: GMT+1
Joined: 2005-02-22
Posts: 6078
Points: 173

Again - why does the yellow appear...

background:#DBBA1F url(vasenpalsta-navi-palvelut.jpg)

You have several style rules where the background colour is a yellow. That colour will be visible until the background image has been loaded and displayed.

Your page weight with all those background images is extremely high - 500k+. It takes time for the browser to load that amount of data leaving the odd background colours showing for a noticable length of time.

You will notice, that when you revisit a page the flash doesn't appear. That's because the browser is working from a locally cached version of the image.

Solutions:
- reduce the size of your background images. 100k for a page is still probably too large.
- change the background colour of those elements to something less discordant with the rest of the page.

[edit, and please delete your other post (its the cross in the top/right corner when you view the post, it'll remain there as long asa noone else posts in that thread). There is no need to post more than once.

Hugo
Hugo's picture
Offline
Moderator
London
Last seen: 7 years 2 weeks ago
London
Joined: 2004-06-06
Posts: 15668
Points: 2806

Again - why does the yellow appear...

tiku2005 you could have added the link to the first thread instead of starting a new one.

I am deleting the first thread as it fulfils no purpose.

Hugo.

Before you make your first post it is vital that you READ THE POSTING GUIDELINES!
----------------------------------------------------------------
Please post ALL your code - both CSS & HTML - in [code] tags
Please validate and ensure you have included a full Doctype before posting.
Why validate? Read Me

tiku2005
Offline
newbie
Last seen: 16 years 18 weeks ago
Joined: 2005-09-20
Posts: 2
Points: 0

Again - why does the yellow appear...

Thank you for your help! I corrected the colour and it works ok.
Apologies for the double posting, my mistake!