Question/Help - HTML Editor 2007

User 428814 Photo


Registered User
22 posts

Registered version.

Before continuing please understand 1) I am a uber-noob, 2) am barely an amatuer web builder (personal only, basic HTML)

So with that out of the way.

I am currently building a website from my mother's planned giving business. When I started work on it I told her I would size the web page to 1024x768. I realize now that that meant nothing to her.

I have finished the website (other than tweaks) and now she doesn't like the white space on the right side caused by the strict sizing. Her resolution is obviously larger than 1024x768 (as is admitedly most of the world).

My question is:

Is there someway to auto-size the webpage for a persons resolution so that when they full screen it the website full-screen's accordingly?

I'm not sure how this can be accomplished now-a-days with so many people with different resolutions and/or standard and widescreen monitors.

Any help would be greatly appreciated. Thanks.
User 37670 Photo


Registered User
2,138 posts

Can you post a link to the website so others can see the site, how it looks, how much white space etc...
Have you thought about making the background another color other than white?
What program(s) are you using to build the site. The resizing to the width of the screen is possible, but it can make things look really funny on a 20+ inch widescreen monitor compared to a 17 inch square monitor.
E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
User 428814 Photo


Registered User
22 posts

I can't post a link cause it hasn't been uploaded yet.

On my 19" monitor, there is about 2.75" of white space on the right side at resolution 1280x1024.

I'm only using HTML Editor 2007 to build it with Corel for graphics.

I guess my main question is how do you professional web builders (or expert) account for varying resolution and screen sizes?

I could redo the site in 1280x1024 but that would mean people with smaller resolutions would have to do a lot of scrolling right?

How can I resize the page? I'll test it on one of the pages and see what it looks like.

Thanks.
User 37670 Photo


Registered User
2,138 posts

ldowney wrote:
I guess my main question is how do you professional web builders (or expert) account for varying resolution and screen sizes?
I could redo the site in 1280x1024 but that would mean people with smaller resolutions would have to do a lot of scrolling right?
How can I resize the page? I'll test it on one of the pages and see what it looks like.
Thanks.

If you want your web page to resize to the width of the monitor or web browser that is viewing your web page....don't put the page inside a table. Without seeing your web page, I have no idea how you have it set up. An educated guess would be that you are using a table to help with the layour. As long as content is stuck within a table, it can't adjust beyond the table "width", so you will always have a size/width issue.

Tables do not support the "height" element in HTML, so I don't really get how you are setting up the page to be xxxwide and xxxhigh. There is a setting for that in the Visual Site Designer, but not in the HTML editor.

For a test, create a new page without the use of tables. Copy and paste a whole bunch of text (like my long winded answer) and then try it out. The wider you make the browser window, the more the text will extend from one end of the screen to the other. This tends to look sloppy because as you have found out, we all have different resolutions and sizes of monitors.

There is no set rule for how a "pro" would size a web page, but this CoffeeCup forum, and the coffeecup.com site itself is a great example of a fixed width site, that is centered on the page. On a small monitor, it fills the screen, on a larger monitor, it stays centered with the content nicely placed between "white" borders. Works for most everybody that way. You could always specify a different background color for the <body> tag, if it suits your website design better than white.
E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
User 428814 Photo


Registered User
22 posts

I guess I decided on the "size" of the website by deciding how large I would make the heading banner. I arbitrarily decided on 768 pixels wide thus I sized everything to fit that.

I have used some tables to try to get around some limitations of HTML Editor 2007 (text near pictures for example) but I haven't used tables on everything.

So relooking at the site like you suggested...it is just the graphics that are the problem obviously and tabled pages. The text in page resizes nicely already.

So I guess I have two more questions:

1) Is the best option for banners and graphics to "blend" them with the background so no stark edges show? Or is there a way to resize?

2)How would I center the webpage within the window?

Thank you for your help and patient answers. I realize now that web page design standards past me up back in 1999!
User 37670 Photo


Registered User
2,138 posts

The best solution for what you are trying to accomplish is to use a "cascading style sheet". Often referred to as css. Coffeecup HTML editor has a .css wizard to help a little with that. Pretty sure you can find some info either in the help file or by looking it up on-line.
It's basically a set of instructions that tells the things on the web page where to be, what color and how to behave. You can use it to stop text from getting too close to borders/image/sides of the page. It can also control what kind of font style to use in a paragraph, centering your page and all sorts of stuff. Check out the link down by my name at the bottom. That website is controlled by .css and has no tables in any of the pages.

It will take some reading up on and some practice. You can use .css and tables to really control your page.....shhhhh...some will say that's a bad way to do things, but it's easier to learn that way.
E-Learning Specialist
www.mainsites.ca is my website, and yes, some of it is crappy.
User 472226 Photo


Registered User
28 posts

hi

sorry to butt in

but i have this same problem

i am using vsd (version 5.9.4)

i have built all my pages to be 850 wide

when viewed on smaller screen the site fills up the whole screen - great

when viewed on larger screen the site appears in the center and 2 columns of colour (the same as my background colour) miraculously appear to fill up the space on either side ...
this is great BUT.............

the text boxes, pics and buttons etc that I have created on the page all get these strange lines and shadows under them - the content itself does not distort, but it just looks horrible

why does this happen? and how can i stop it?

many thanks

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.