close ad
WARNING: Do Not Install the DREAMWEAVER CC 2017 or 2018 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Testing different PC screens / resolutions

Thread began 4/18/2010 10:44 am by nicola.goodenough317043 | Last modified 4/19/2010 7:49 pm by nicola.goodenough317043 | 982 views | 4 replies |

nicola.goodenough317043

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

Sign in to reply to this post

i.edwards384429

update

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

Sign in to reply to this post

nicola.goodenough317043

Testing different PC screens / resolutions

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

Sign in to reply to this post

i.edwards384429

update

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

Sign in to reply to this post

nicola.goodenough317043

Testing different screen resolutions

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

Sign in to reply to this post

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...