Pam said:
I am having problems keeping this formatted. I fix them on my computer and
everything looks good but then I open the webpage on another computer that
may have a different resolution and it comes up all over the place.
Pictures
covering links etc. How do I keep everything formatted no matter what
computer or broswer opens them? Also the font changes on different
computers
also. How can i assure that it won't change? Thanks for your help.
A link to your site would help us to help you.
The fonts you want to display depend on the particular computer having those
fonts installed. Users should not need to install a particular font to view
your site. If you use 'web-safe' fonts like Times Roman and Arial (there
are others), the site will more likely show as you intended it across
different O/S platforms and browsers. 'Web-safe' fonts are a handful of
fonts that are most likely to already be installed on a majority of
computers. If you need to use a fancy font e.g. for titles, create a
graphic of that title (in a graphics editor), save it as a GIF or JPEG using
the font you want, and insert that image into the pages, but use these
sparingly.
On the other issue about your layout messing up, it sounds like you're using
absolute positioning, or using the spacebar to position elements on the
page. All I can say here is don't use the spacebar to position elements as
that is not its purpose. Use tables to lay out your site. With the
borders turned off the tables are invisible to the user.
If you're using tables, one helpful tip is to change the table and table
cell 'width' property to percentage (%) rather than a set pixel width.
This will make the table adjust width according to the browser window size
or the screen's resolution setting. Another suggestion is, if you use the
set width, to make it at least 40 pixels less than the ( lowest resolution a
user might use e.g. 800 x 600; therefore make the table 760 pixels wide.
This will allow for the space used by the scroll bar on the right-hand side
of the window, and for the higher screen resolutions and browser window
sizes.
Hope this helps you solve at least some of the issues.
