General Support: Screen resolution changes to website proportions
I've had a query from a group asking whether it is possible to constrain the proprtions and placement of the elements in Voice when using the lowest possible screen resolution. I wasn't sure if this is to do with the fixed widths of the columns?
The group suggested that they could tell visitors to then zoom to 75% of the site to ensure any text and images do not overlap, but this will then reduce the size of the text and make it more difficult to read.
Are there any solutions to this one? My colleague and I were looking at using different broswers that might have an add on, but haven't found anything yet.
Generally the themes are variable width - that is to say that they'll squish around to whatever the width is of the browser. This gives most flexibility but, as you say, with a very low screen resolution (i.e., a very narrow browser) then elements may overlap, depending on what the content of the site is.
Can you be more specific as to which site/page is the problem, and maybe what resolution you find that the problem occurs at?
Thanks for gettying back to me. The group is http://www.richmondandkingstonmegroup.org.uk/ and the resolution is the lowest possible 800 x 600.
Ah yes, I see there's some overlapping at 800x600. Unfortunately there's not a lot I can really do in the theme to prevent problems with all sites when viewed in low resolution (not least because I have no control over what users put on their site).
I have made a small change in that theme so that if there is overlapping then the contents in the right column aren't obscured by the overlapping images (at the expense of chopping off the right edge of the images). I think this is preferable, though still not ideal.
To be honest - I don't really know what the ideal thing to do here would be - do you have any thoughts on what you'd like to happen when viewed on a very low res screen?
Thanks for making the change - it's certainly better than it ws before. I wonder if there was an opportunity in the future to have a re-sizing option on the site i.e. + and - that may help?
Hello, hope I haven't missed this point in another forum.
I have been looking at the photo album correspondence, and wonder if images stored in the assets library can also be bigger. They seem to be limited to 430 pixels wide. They can be enlarged on the page, but then the resolution is poor. Say 700x500 as for photo albums would be OK.
I thought I had cracked the problem by cutting the picture in half, creaing a table exactly the right size to take the two halves, and putting the halves in it. It looked fine when editing, but when previewing it showed one half above the other instead of side by side!
You're right that images served from the assets library are automatically scaled down to 430 wide. This is largely for historical reasons when screens were small, and yes nowadays larger would be better. Though changing it across the board is difficult as it'll change (and perhaps break) existing websites.
Ideally we could have a system where you could choose per-image the size that you wanted it to be served at. This would either be chosen as a setting on the image itself, or chosen when you inserted the image into a page.
There's obviously some work involved there, and a bit of thinking about it first! In the meantime there is a little trick you can do to get the original image served rather than the scaled down version.
When you insert an image it'll have a URL something like this:
If you want to show the original instead of the scaled version, you can add ?attr=image_orig to the end of the URL. i.e.,:
This shows the original unscaled image - so it's then up to you to make sure you upload it at a suitable size!
Hope this helps