OT - Web design assistance needed

Submitted: Saturday, Feb 18, 2006 at 00:21

ThreadID: 30896 Views:1433 Replies:6 FollowUps:6

This Thread has been Archived

Glenn (VIC)

Hi Web Gurus,

Is there a trick in designing a web page that enables the page to open correctly and line up etc when opening in a smaller window? ie I have a side bar program that runs on my work pc, and when I open EO, it is fine. When I open my web page, it doesn't reduce its width and so pics etc are skewif.

Help would be appreciated.

Cheers

Glenn

Back Expand Un-Read 0 Moderator Share

Reply By: peterK - Saturday, Feb 18, 2006 at 06:45

Saturday, Feb 18, 2006 at 06:45

Glen
normally if a page looks different on different screen sizes it is because the widths that have used are set with a fixed width of 780px (for example). Pages that look the same use percentages eg 80%.
Just looking quickly at your page - it does get a bit skewif if using a 800x600 display setting - but I think that is because yo have things separated or lined up by spaces: for example on your image page. If you look at your html you will see a lot of space codes ( )
One way to do it is to lay it out using tables and center the links, and image pages in each box.
The best way to have a play is to go to school- at
html school
You can play around on that and recreate each of your pages. It may look daunting but it is pretty user friendly.

If I had an hour I would do it for you but I am a bit busy today - sorry -

Pete

AnswerID: 155683

Follow Up By: peterK - Saturday, Feb 18, 2006 at 06:51

Saturday, Feb 18, 2006 at 06:51

up above I said you will see a lot of space codes with an example but they dont actually appear on this site when the message is submitted, so the space codes are the ones with nbsp with a & and a ; either side of it

FollowupID: 409670

Follow Up By: Glenn (VIC) - Saturday, Feb 18, 2006 at 11:01

Saturday, Feb 18, 2006 at 11:01

Hi Peter,

Thanks for that, I know what you mean. Thanks for the assistance. Now I just need to find the time to ammend all the pages on my sites...lol.

Cheers

Glenn

FollowupID: 409692

Reply By: Pneumatic - Saturday, Feb 18, 2006 at 09:45

Saturday, Feb 18, 2006 at 09:45

Sorry cant help but if your into computers this should make your day....

crazy touch screen

AnswerID: 155697

Follow Up By: Glenn (VIC) - Saturday, Feb 18, 2006 at 10:59

Saturday, Feb 18, 2006 at 10:59

hahahaha...who needs paintings on walls when you can have one of those. Choose a design to suit your mood...hahahaha

FollowupID: 409691

Reply By: Truckster (Vic) - Saturday, Feb 18, 2006 at 11:23

Saturday, Feb 18, 2006 at 11:23

Told ya, supply the beer and BBQ and invite me round.

AnswerID: 155708

Reply By: Darian (SA) - Saturday, Feb 18, 2006 at 13:31

Saturday, Feb 18, 2006 at 13:31

I tinker a bit with this stuff Glen. In my view (others would differ I guess) its better to avoid perdentage sizing of anything and stick with fixed sizing. That way, the view is constant and reliable in layout and function. The upshot is that you see less on a small screen (and scroll for the missing) or have unwanted space to the right, and below, on a larger screen. Set the page margins, drop in the tables (or layers maybe ), all sized to pixel units. Most screens sold now are set to 1024 x 768 - how about you lay the site out for that ?

AnswerID: 155731

Follow Up By: Truckster (Vic) - Saturday, Feb 18, 2006 at 14:07

Saturday, Feb 18, 2006 at 14:07

Most screens sold now are set to 1024 x 768 -

Try explaining that to old members of ya club, when you setup the photos section to have images 800x600, then the frame of the forum, they complain they have to scroll to see it all.

Only option I can see is to have options for 640 - 800 - 1024 and let them decide.. lots more work, but..

I personally agree 100% with you! Im usin 1280x1024 on mine, and love it. Takes gettin used to, but cant go back now!

FollowupID: 409714

Follow Up By: peterK - Saturday, Feb 18, 2006 at 17:28

Saturday, Feb 18, 2006 at 17:28

I agree with Truckster about the fact that there are still 800 px users out there and there is an increasing number of 1280 as well.
If you set up a set width and centered site for 800 size screens the 1280 users will have a tonne of blank space. IF you do it for 1024 you will muck the 800 around.
Thats okay if you have a site with regular users and you can ask there prefered size. If you are trying to attract business or users you should be trying to allow for all. The same goes for making sure it all works in IE, Firefox, Opera and every other browser

FollowupID: 409731

Follow Up By: Truckster (Vic) - Saturday, Feb 18, 2006 at 23:07

Saturday, Feb 18, 2006 at 23:07

The working in all browsers thing is also a pain - remember in teh old days sites saying CLICK HERE FOR IE and CLICK HERE FOR NUTSCRAPE..

its crazy. but things came good until firefox started.. Heaps of code that works in IE dont in FF...

FollowupID: 409765

Reply By: Darian (SA) - Saturday, Feb 18, 2006 at 18:19

Saturday, Feb 18, 2006 at 18:19

Meant to mention that in my web tinkering, I'm supposed to have some regard for design issues - my problem with percentage values is that when browser resizing seeks to make the site smaller or larger, page content can go "waltzing with Matilda" (wrapping down etc) thereby stuffing up the page layout to some extent. Not good for designers...........

AnswerID: 155749