Wrox Programmer Forums
Go Back   Wrox Programmer Forums > Web Programming > Adobe Web Programming > Dreamweaver (all versions)
|
Welcome to the p2p.wrox.com Forums.

You are currently viewing the Dreamweaver (all versions) section of the Wrox Programmer to Programmer discussions. This is a community of software programmers and website developers including Wrox book authors and readers. New member registration was closed in 2019. New posts were shut off and the site was archived into this static format as of October 1, 2020. If you require technical support for a Wrox book please contact http://hub.wiley.com
 
Old October 25th, 2005, 02:08 AM
Registered User
 
Join Date: Oct 2005
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default Novice User - Please Help, no-one else to ask!

Hi
Could someone help me? I'm a novice user and have set up a test site, but I'm having problems with distortion. I set up my site in Dreamweaver and thought I should be using percentages instead of pixels to set up my webpage. However, when you view the page through different size screen resolutions (i.e. when screen is reduced), it distorts my text and layout. Should I have set it up as pixels instead? I want it to look the same (not necessarily stay the same size) in whatever screen size viewers are using. As I said, I'm a complete novice and would appreciate any help you could give (please explain in simple terms wherever possible). If you need to see the site to see what I've done wrong, please see this link:
http://www.fusionvm.co.uk/freedom.htm
Thanks in advance :(


 
Old October 25th, 2005, 05:08 AM
Registered User
 
Join Date: Jun 2004
Posts: 6
Thanks: 0
Thanked 0 Times in 0 Posts
Default

This is pretty much a classic problem in web design, there are broadly speaking 3 different ways to lay out a site:

1. Flow layout (which is what you have) where the layout is directly proportional to the screen size, but as you have seen this can cause distortion.
2. Static layout, where all elements (EG tables) have a width defined in pixels which means you have total control over display but it can look tiny on higher res monitors.
3. 'Jelly' layout where the containing elements, for instance in your case the border, respond to the screen size but the contents have a fixed size to avoid distortion.

Assuming you want to follow the 'jelly' layout style, the way to do it is to have a master table or DIV layer that is sized as a percentage of the page, and inside this, put fixed size tables that absolutely define the size and relationship of the elements in the page.
EG in your case, probably keep the graphic and text absolutely sized in one table and the navigation buttons absolutely sized in another in 2 different cells of the master table, that way no matter how the master table resizes the text doesn't distort.

Of course you will have to play around with what you want to keep fixed, what flows and what sizes to use etc. but the point to remember is that you can mix percentage and pixel sizings on the same page, you can even have different bits of the same table defined by percentages and pixels respectively.

To find out more on basic web design etc. check out www.webmonkey.com
 
Old October 25th, 2005, 05:29 AM
Registered User
 
Join Date: Oct 2005
Posts: 2
Thanks: 0
Thanked 0 Times in 0 Posts
Default

Thank you so much, I really appreciate your help. I will try various fixed width settings 'fingers crossed'.

:D






Similar Threads
Thread Thread Starter Forum Replies Last Post
What is AJAX novice looking for? daxianjin Ajax 0 January 13th, 2008 10:13 PM
novice to ado.net ganeshshmg ADO.NET 2 October 13th, 2006 05:33 PM
Sharing A Database - Novice at work! rit01 Access 1 November 6th, 2005 06:34 PM
Novice needs help - connection.execute fails jm2hall Classic ASP Databases 2 June 26th, 2003 10:36 AM





Powered by vBulletin®
Copyright ©2000 - 2020, Jelsoft Enterprises Ltd.
Copyright (c) 2020 John Wiley & Sons, Inc.