Testing different PC screens / resolutions

I have uploaded the PS3, and edited the template to have 6 page headings across the top.

It works fine with my "normal" work-type 17in screen (13.25"w x 10.50"h, resolution range from 1025x768 upto 1280x1024), but on a wide-screen 18.5" display screen (16"w x 9"h, resolution 1366x768 - where 768 is my max ht) the horizontal menu does not display correctly.

What happens is that the horizontal item including search is fine. But the horizontal menu is only visible, very faintly, at the very top of the menu items. When I use the mouse to hover over the links they appear, but only whilst I hover.

If I click on any link except home, my content disappears to the far right.

By editing the css, eg to a much smaller font-size, I have made it work (I have changed menu.css to make the font-size smaller throughout, the link width (in cssmw_home > li > span > a) to 90px and the margin to 2px 0 0 0.). But logically, how many "page links" do you think it is reasonable to add to the top navigation bar?

Thanks, Nick

Hi Nicola

can you post a link so we can all see it? No doubt we will have some suiggestions.

I would however make the following observation,

Your resolution is not one of the standards that is designed for, In my case I design for 1024* 768 which is the most common resoution size. (Screen size is immaterial it's the Pixels you need to worry about) I never design for 640* 480 as thats dead and buried but I do make sure all my sites are viewable at 800* 600 px.

With the coming of bigger screens no doubt designs will have to be modified but I always design for the most used resolution. Distribution is most commonly shipping 19" and 21" monitors which have a native resolution of 1280* 1024. It follows that with all the exisiting monitors 1024* 768 is currently a good resolution to design for.

That being said my PS3 shops look ok at 1280*1024, 1024* 768 on both standard PC monitor and wide screen tv/monitor.

Anyway post a link
HTH

Ian

Thanks for the info. The address is here: www.chengyan.nickdfg.com

Now the customer has seen the working "mockup" I have reverted to what he wants. He wants several different product types across the horizontal navigation bar. I have also reverted to the original menu.css file, so you can see what happens. You need to hover just below the navigation bar to see the customer's wishes.

Ignore the content of the page, it is so he can see what he can do with different areas.

Apart from following my original plan (edit the menu.css to smaller font / less width), I can see no solution. Or rather, my solution would be to move the Search function elsewhere, thus freeing up space on the horiz navig bar. But I don't want to put the Search function too near the login / register function, 'cause sod's law says users will make mistakes.

Any suggestions gratefully received. Regards, Nick

Hi Nicola

think I see what you mean. I see you are in the Uk so if you email me your phone no

I'll give you a ring tomorrow and we can see if between us we can sort it out.

cheers

Ian

i.edwards@removethisedwards-micros.co.uk

Thanks, Ian. I'll email tomorrow.

At the moment, I have taken the font size / box width down ... just in case the customer wants to look at it again. But I am not happy with the small font size (the "accessibility" concern).

Regards, Nick