943,668 Members | Top Members by Rank

Ad:
You are currently viewing page 1 of this multi-page discussion thread
Sep 16th, 2008
0

how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

Expand Post »
i m currenly using a 14 inch widescreen laptop to do my webpage designing but when i send my work to a friend of 22 inch monitor the appearance change totally. Anyone know what i can do bout it ?
Reputation Points: 10
Solved Threads: 0
Newbie Poster
heavenkid is offline Offline
17 posts
since Sep 2008
Sep 17th, 2008
0

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

Okay man,
take your main table size in percentage or give width and height in pixel, i think my advice is give your table size in percentage why because it take any resoultion of moniter it fit window size
Reputation Points: 10
Solved Threads: 3
Light Poster
siriyal is offline Offline
25 posts
since Sep 2008
Sep 17th, 2008
0

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

"Once you start to seriously consider designing your Web page, rather than just throwing up a bunch of links in a bulletted list, most Web designers start to worry about what resolution to design for. And what this really ammounts to is trying to decide how wide to design your pages. "
http://webdesign.about.com/od/webdesign/a/aa080904.htm
This is a problem for everyone, and there are some ideas on the above page.
I usually use a fixed width (1024) by some prefer percentages.
There is no allowable tag for height, so don't worry about it.
Reputation Points: 116
Solved Threads: 93
Veteran Poster
hughv is offline Offline
1,132 posts
since Oct 2007
Sep 17th, 2008
0

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

well i use dreamweaver to design up one with 1250 x 1250 pixels and even on my 14 inch laptop screen it doesnt look good, where as i send it to my friend using a 22 inch monitor it look absurd.
Note* i m a newbie too a dreamweaver just started to learn recently =*
Reputation Points: 10
Solved Threads: 0
Newbie Poster
heavenkid is offline Offline
17 posts
since Sep 2008
Sep 17th, 2008
0

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

What do you mean, "It doesn't look good?"
Post a copy or a screenshot.
Don't use a height parameter. It's not supported by W3C, and 1250 is way too big for most surfers.
http://www.liamdelahunty.com/tips/html_table_height.php
Reputation Points: 116
Solved Threads: 93
Veteran Poster
hughv is offline Offline
1,132 posts
since Oct 2007
Sep 17th, 2008
0

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

Here i attached how it look it after i zoom in few times and how it originally look like.
Attached Thumbnails
Click image for larger version

Name:	copy.JPG
Views:	23
Size:	114.5 KB
ID:	7411   Click image for larger version

Name:	ori.JPG
Views:	18
Size:	130.9 KB
ID:	7412  
Reputation Points: 10
Solved Threads: 0
Newbie Poster
heavenkid is offline Offline
17 posts
since Sep 2008
Sep 18th, 2008
0

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

Oh man take the table width 100 percentage it fit all resolutions of screens
Reputation Points: 10
Solved Threads: 3
Light Poster
siriyal is offline Offline
25 posts
since Sep 2008
Sep 18th, 2008
0

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

okay thanks i ll try and see if it works i ll keep you to up to date. thanks mate
Reputation Points: 10
Solved Threads: 0
Newbie Poster
heavenkid is offline Offline
17 posts
since Sep 2008
Sep 18th, 2008
0

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

I think first of all you need to reconsider using dreamweaver. I hate it, most people i work with hate it and the people i know who use it, use code style only.

I noticed or assume the use of tables as of what Siriyal is saying. Tables are dead baby, tables are dead! Well for design layout anyway.

You first need to have a think about your site, do you want it to look exactly the same on all sites with the same whitespace or are you happy for these parimeters to change a bit?

A fixed design is as yours is a specfic width. Fixed designs use specific widths so that the layout is of the same size no matter what the monitor resolution is. You would normally align these left or center. Imagine a block drawn on an A4 sheet of paper. Now increase that paper to A3 but leave the block at the same size. You would normally specifie the width and height of elements in pixels (px)

A liquid layout, and this is what i think your after flows to fill the entire available viewpoint. Imagine your bit of paper again with the block on the A4 sheet of paper, when you increase the paper size to A3 increase the block size to the same proportion. You would normally set the width and height of your design in % or em. It is important to take into account that a liquid layout will not change the proportions of your images and text so you will also need to space the contained elements by the same amount.

I hope this kind of makes sense, think I will go start a blog with common things like this so i can just point people towards that.
Reputation Points: 10
Solved Threads: 10
Junior Poster
omol is offline Offline
156 posts
since Jul 2004
Sep 19th, 2008
0

Re: how to make my webpage appear on a correct resoltution for all 14 - 22 inch monitor

well omol i can still make changes or stuff on it hmm well let me point out something first this is just my second time using dreamweaver. when you say reconsider using dreamweaver do you mean that i shud use html to write it ?? i have just a little knowledge bout HTML. hm and siriyal how to change the table width from html side i m a bit confused now
Reputation Points: 10
Solved Threads: 0
Newbie Poster
heavenkid is offline Offline
17 posts
since Sep 2008

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Need 'form' help' and how to get templates into DW
Next Thread in HTML and CSS Forum Timeline: browser differences





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC