I have a site - www.hamptonroadsventures.com - and it is created in HTML by using frames and tables. On smaller monitors, the text is too big and the links don't appear. But on larger screens it looks perfect.
How do I change it so that it will look the same on all sized monitors?
Someone please help...my job depends on it...and I can't figure it out.
2007-01-23 01:45:23 · 5 answers · asked by shay 3 in Computers & Internet ➔ Programming & Design
I did not use a software program. I did this in straight HTML.
2007-01-23 02:23:23 · update #1
Is there a way to keep the entire page whole? For example, if you manually change the size of the page...everything will stay in tack?
2007-01-23 02:30:18 · update #2
The problem I see is in the header frame -- it's set up to look good where the table width (100%) is wider than the widths of the elements, which is fine on a 1000-pixel width window. But on a smaller screen, the header text wraps onto a second line, which forces the links down and out of the visible part of the frame.
To keep this from happening, a quick fix would be to render the headline as a graphic, and make sure the total width required (for the headline and the logo to the right, and whatever spacing required) is under 800 pixels. (That's the smallest screen size you should have to worry about.) Put the headline in the left cell of a table, aligned to the left, and the logo in the right cell, aligned right, and on a larger screen space will open between them, but on a smaller screen they'll stay on one line and the links will remain visible.
Altering the elements based on the window size is considerably more complicated -- you just have to set it up so the elements will fit nicely in any sized window.
2007-01-23 02:03:10 · answer #1 · answered by Peter_AZ 7 · 0⤊ 0⤋
the way a website looks depends on the resolution a monitor is set, on smaller monitors the resolution is smaller (640: 480) this means only 640 by 480 pixels will be displayed, the only thing to do is make sure the website does not exceed 480 pixels wide, then all monitors can display the whole page at once.
your page looks fine when i watch it on 1024: 768 pixels. on 800: 600 i don't see the links anymore. Try to insert scrollbars if needed. (thats what Frontpage calls it) so that if you watch the page on a low resolution you can scroll to the links. (as i did on my page http://www.npbsoest.nl if you visit that site in the different resolutions you won't have any big problems)
goodluck!
2007-01-23 09:58:02 · answer #2 · answered by Preykill 5 · 0⤊ 0⤋
Well, I couldn't view the source since you've got some sort of script running that prevents it, the one thing I would venture to guess is that you have all your positioning and sizing in absolutes.
Try using percentages instead. All your formatting should be in your CSS file anyhow so that you can change any of the presentational formatting easier by utilizing this one file.
Since you got the template from Web Design Studio, why not ask them? A professional template should be viewable in any size browser. Or..you could ask your web designer ADK Designs, since they designed the site using the template.
DianeD
http://www.dironwebdesign.com/
2007-01-23 13:52:27 · answer #3 · answered by DianeD 4 · 0⤊ 0⤋
What do yo umean on smaller monitors? It looks fine to me I have a 17" monitor. What web-design software are you using
2007-01-23 09:55:09 · answer #4 · answered by Anonymous · 0⤊ 0⤋
my recommendation is download the firefox web browser from mozilla and get the Firebug extension for it.
It will help you look at your page in a different way.
2007-01-23 10:55:06 · answer #5 · answered by anon 3 · 0⤊ 0⤋