Fuzzy Mouse Over

**JohnMike** · 29 November 2016, 09:49 AM

Ok can we write to Xara and have a MASSIVE health warning pop up when you select Preview WebSite. Because IT DOESN'T do a proper preview. My god I have wasted so much of my day here. Mouse overs ARE NOT displayed in the preview. Surely this needs a massive flag to say hey guys this preview isn't complete you need to publish or export your files to see it correctly in like 100px red flashing letters with an audible siren warning. Indeed why not take it away completely as it is misleading or correct it so that it does correctly display the web site.

I have wasted so much time.

**Egg Bramhill** · 29 November 2016, 10:00 AM

Hi Mike,

Mouse overs work fine in Preview. What's your issue?

**roly** · 29 November 2016, 11:23 AM

Hi JohnMike, move the page focus layer down between mouse off and page background and all will be ok.Forgot to mention do that for the 4 pages. Finally if you look at "Layer ordering in website documents" in the help screen you will find some very valuable information on do's and don'ts.

Ciao

Roly

**Egg Bramhill** · 29 November 2016, 11:46 AM

Further to Roly's comments, never place a layer between Mouse-Off & Mouse-Over layers. Your Page Focus layer is really redundant, just place that content on the Mouse Off layer.

Somehow you've also stripped the page names. I've reapplied them in the attached xar file.

Note the navbuttons working in preview

**JohnMike** · 29 November 2016, 12:37 PM

Thank you. I have absolutely no idea how I could have taken the page names away nor indeed how to replace them so thank you.

But I can assure you that I haven't added any layers, at least not knowingly. I have just reloaded the original pages from the design galley and they do not have a layer called page focus. So please excuse my ignorance but I have no clue where this layer has come from.

I will attempt Roly's changes and see if I can get the mouse over next to mouse off by removing page focus and hope that this doesn't have any other impacts.

**JohnMike** · 29 November 2016, 12:50 PM

Thank you Roly and Egg this worked no fuzziness now. I still do not know what created the page focus layer.

**Egg Bramhill** · 29 November 2016, 05:46 PM

Can you remember what template you used?

**roly** · 29 November 2016, 06:23 PM

Hi JohnMike, could it be that you created the "page focus" layer when you put in the placeholder on page 4 and thereafter you put in the pictures for pages 1,2 and 3 after and did not realize that you were on the page focus layer.

Ciao

Roly

**Acorn** · 29 November 2016, 06:46 PM

Using Xara's products is a learning experience for us all.
When discovering a new method or approach, don't be afraid to create a trial design file just for that one purpose.
Doing so forces you into a build-test cycle rather than trying to change everything all at once.

Deconstructing a template is a good place to begin as are all the videos offered by Xara and TGers.

Just don't give up on the tool,
Acorn

**JohnMike** · 29 November 2016, 12:27 PM

They don't.

You have to export the file as an htm file then open that file in a browser. Then the mouseover works. If simply viewed in preview they do not work.

Well that is the experience I am having and have experienced this I have gone back to the web designer premium help for preview and lo and behold it tells you that mouse over won't work................

Previewing Your Website

When creating your website in Web Designer Premium, your working document shows an accurate static preview, but to check the behavior of pop-ups, mouseover effects and Flash and other widgets it's necessary to use true Browser Preview.