Solved

Pixel problem !!

Posted on 1998-07-24
21
326 Views
Last Modified: 2013-12-25
Hi,

I just developed and launched a homepage of mine and I developed that homepage using frontpage '98 and I am working on 640 x 480 pixels. But when the other users accessed my homepage they complained me for the disturbed text on my homepage I mean the aligment was totally out because some users accessed with the
 800 x 600 pixels on thier computers and some has 1024 x 768...

So I want to standardize my homepage and I want my homepage to work on any settings whether they have
640x480 or 800x600 or 1024 x 768....so can u give me some suggestions about that.

Thanks,
Zia
0
Comment
Question by:zahziah
  • 8
  • 4
  • 3
  • +4
21 Comments
 
LVL 2

Expert Comment

by:Quixote
ID: 1858656
give us a url we can look at.  There's a million things you could do, and I want to suggest the two things that will work.  Let's see what you've accomplished so far...
0
 
LVL 1

Expert Comment

by:Tuff
ID: 1858657
One question...are you using a border background??
I agree with Quixote, a URL would be helpful. From my experience building a web page in 640x480 is a standard thing to do so these kind of problems wont happen, so whatever problem you are having seems out of the norm, this kind of problem usually happens when a page is built in 800x600 or higher.

0
 

Author Comment

by:zahziah
ID: 1858658
okey here is my URL address

http://www.angelfire.com/hi/zahidhomepage

hope you can suggest me some techs....I am new in web development so please
guide me...
thanks

0
 
LVL 2

Expert Comment

by:Quixote
ID: 1858659
First thing you should do is give me the ability to turn off the music, and put those controls near the top of the page.  "Every Breath You Take" may be your favorite song, but being that I was listening to "Murder By Numbers" on their CD, your midi selection really clashed.  I had to leave your site quickly and just view the source.

I saw a number of tables with pixel-specified heights.  You really shouldn't do this, as Netscape (for the most part) will ignore it and Explorer will expand the table width to accomodate -- which is pretty random given that some people are browsing with fonts as much as twice as large as the ones on your computer (they're hard-of-seeing or have a screen resolution so fine they need larger type to see it).  Here's the guidelines I use for specifying table size:

1) If a table has only graphics in it, and not even a single space or any other text, then specify precise pixel heights and widths for the table and every td tag.  In these cases, you must make sure there is no white space at all between the td and img tags, like so:
<td height=10 width=12><img src="dot.gif" height=10 width=12></td>

2) If there is any text in any table cell, then do not specify the height in absolute pixels.  Relative heights are okay (height="100%" is commonly used for vertically centering text), and absolute widths are okay as well.  In this situation, all browsers will stick to the absolute pixel width, and use the table height as meaning "This tall or taller"

3) Whenever possible, do not specify height or width for your table.  Instead, get creative with cellpadding (the distance in pixels between the cell's content and the cell wall) and cellspacing (the distance between cells).  This will help render your table nicely on such browsers as WebTV and palm computers and cell phones and all that stuff.

Hope that helps you out!  If this provided you with all the answers you needed, let me know and I'll repost as an answer.
0
 

Author Comment

by:zahziah
ID: 1858660
actually i am really new and I just did it in frontpage and I took it as a visual design so I dont have any idea to write html...anyway...
but I can't get the pixel height part...so could you explain more and give me some urls of your sites which I can see...

thanks..

0
 

Expert Comment

by:darklight
ID: 1858661
There is a Class file called: AutoSizer (written in Java),
It should solve your problems. I have never used it myself, but I have it with me.....give me your e-mail and ill send it
0
 

Author Comment

by:zahziah
ID: 1858662
thanks darklight may be this class will solve my problem...
okey
my email is zahid-zia@usa.net or you can email me at zahziah@ibm.net
but second one is prefferable now...so send me on my second address..

thanks i am waiting...
0
 
LVL 8

Expert Comment

by:jbirk
ID: 1858663
Front Page is the cause of these problems.  I've seen what it does to code, and it's horrible.  It usually makes anything with tables only usable on a computer with the same font and screen resolution.
I would suggest avoiding use of front page to write tables.

-Josh
0
 

Author Comment

by:zahziah
ID: 1858664
so whats the better tool ...give me the idea...

0
 
LVL 8

Expert Comment

by:jbirk
ID: 1858665
Personally, I'm not sure what would be best for a beginner.  I use HomeSite, but that wouldn't be very good for a beginner.  Certainly an editor NOT made by either microsoft or netscape would be best, so as to avoid incompatability issues.

Any one else know of a good tool for beginners?
0
How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

 
LVL 2

Expert Comment

by:Quixote
ID: 1858666
I've heard wonderful things about Dreamweaver, and the PC version comes with HomeSite 3 to do the text editting.  The great thing about Dreamweaver is that it is a WYSIWYG editor that will not mess with your code.  As such, it really facillitates learning how to write HTML, which is still the best way to design.
0
 
LVL 8

Expert Comment

by:jbirk
ID: 1858667
Quixote: Yes, I also use dreamweaver.  It's a great program, but it has a little higher of a learning curve than FR 98 would.  I have HomeSite becuase of Dreamwever consequently...
I actually only use dreamweaver right now to my dhtml, and homesite to do everything else because I like to code by hand more (can't stand WYSIWYG interfaces).

-Josh
0
 

Author Comment

by:zahziah
ID: 1858668
so is it free to download the programs you guys are talking about..
if its then give me the download url address..
thanks

0
 

Expert Comment

by:ozekii
ID: 1858669
If I may suggest something stay with Frontpage it is the best for the table layout. Dreamweaver begins to have trouble with complex nested tables. If you are worried about FP messing up your HTML use the insert command and it will leave it alone.  It actually does very little to change the html.  Dreamweaver is ok if you want a limited ability.  Spend the time and learn FrontPage it will benifit you in the end.  As for features not compatible with Netscape use only the basic features and every thing should work fine.  I've used both programs and don't waste your time with Dreamweaver alot of hype from the anti-MS.  
0
 

Expert Comment

by:ozekii
ID: 1858670
If I may suggest something stay with Frontpage it is the best for the table layout. Dreamweaver begins to have trouble with complex nested tables. If you are worried about FP messing up your HTML use the insert command and it will leave it alone.  It actually does very little to change the html.  Dreamweaver is ok if you want a limited ability.  Spend the time and learn FrontPage it will benifit you in the end.  As for features not compatible with Netscape use only the basic features and every thing should work fine.  I've used both programs and don't waste your time with Dreamweaver alot of hype from the anti-MS.  
0
 

Author Comment

by:zahziah
ID: 1858671
what are the weaknesses of frontpage with netscape ?

0
 
LVL 8

Expert Comment

by:jbirk
ID: 1858672
I also wouldn't use dreamweaver for complicated table structures.  It seems to have errors that I've noticed as well, that's why I use homesite.  But dreamweaver does a pretty good job at basic html stuff and a really good job with DHTML, and FP doesn't even attempt to do the stuff that dreamweaver does.

Dreamweaver has a free 30 day trial from www.macromedia.com, and homesite also has a free trial, but I'm not sure how long from www.allaire.com

As far as FP doing table structures, I've seen code generated from it, and it's pretty horrendous in my opinion...  but it's just an opinion.  It also likes to always use absolute pixel sizing of everything, which is ridulous for most basic applications, and causes the screen resolution problems.

-Josh
0
 

Expert Comment

by:ozekii
ID: 1858673
Product for Product Frontpage hands down but its your call.  All the attributes can be set to pixel but they are default percent.  which negates the problem of out of boundaries problems of 640 x 480.  If your designing your site for maximum viewing audience you should probably forget DHTML but thats your choice.  I never said that the Frontpage generates is pretty but it does work and get the job done.  I personally found the features flaunted by Dreamweaver to be lacking if you want DHTML you can use FP but this isn't about DHTML.
0
 

Author Comment

by:zahziah
ID: 1858674
okey buddies i think its enough for this...and i have to evaluate your opinions..
thanks alot...

0
 

Accepted Solution

by:
zaop earned 10 total points
ID: 1858675
I run a IIS 4.0 server on NT 4.0.  I installed Frontpage 98 some time ago to satisfy some of my users, but did not think that I would like it much because of how bad FP97 was.  When I took a good look at FP98 I was so impressed that I changed all my Homesite-generated pages to Frontpage 98!  Anyway, to get to your problem, I create my pages in 800x600, but the text autowraps to fit any size screen no matter what the resolution.  The solution is to ALWAYS use tables when placing text/objects on ANY web page.  For example, I use shared borders left and top for navigation buttons.  That leaves the bolk of the page for a table that can have as many cells as you want.  Because I just want the text wrapped appropriately, I make a table with one cell, make the borders=0 (so that the table borders are invisible and it doesn't look like a table) and set the width property to 100% (critical).  Try it, create a page as just described with the screen maximized and the restore the screen to a smaller browser window.  The text will "magically" wrap to fit the new width of the browser window.  The neat thing is that even bulleted and numbered items wrap appropriately.

Good luck
0
 

Author Comment

by:zahziah
ID: 1858676
points for zaops answer i haven't tried it but i am sure it will work...
thanks zaop
0

Featured Post

How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

Join & Write a Comment

Suggested Solutions

Accessibility and Usability are two concepts that seem to be closely related.  But, too many people seem to have a distorted perception of them. During last five years, those two words have come to the day-to-day work of almost every web develope…
Any business that wants to seriously grow needs to keep the needs and desires of an international audience of their websites in mind. Making a website friendly to international users isn’t prohibitively expensive and can provide an incredible return…
The viewer will learn how to count occurrences of each item in an array.
Any person in technology especially those working for big companies should at least know about the basics of web accessibility. Believe it or not there are even laws in place that require businesses to provide such means for the disabled and aging p…

746 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

12 Experts available now in Live!

Get 1:1 Help Now