Resize website

jboraski · #1 (**permalink**) 03-11-2008, 05:11 PM

Could someone please give some recommendations on installing a code to resize a website across different monitors? Paint System Information The site looks fine on my computer but on other monitors the page needs to be scrolled horizontally. I just want everything to appear for anyone visiting the site. I have read some general information on CSS and some other things, but I really don't understand all this lingo, I barely was able to design the site and get it published. Thanks for the help.

jb

amxfan · #2 (**permalink**) 03-11-2008, 06:09 PM

I understand what you wish to do but to be honest it is not as easy as just adding a script and with your limited programming knowledge, I would do it a different way. I do not mean this as an insult as I'm just trying to help you make your page display correctly across all browsers and resolutions. What I recommend is to set your main table to 800 wide then defining your other tables from there. This is not a fix but more like a band-aid on what you want to do. This will set your table to a width that everyone will see without scrollbars. Now you can also set it to 1000 wide but everyone viewing it on a 800x600res will see scrollbars.

Again this will make your page display correctly, but it does not let it auto resize.

Also you may want to look at your scroll title as it is flying by so fast no one can read it "I was using FireFox"

james113 · #3 (**permalink**) 03-11-2008, 07:14 PM

I agree with amxfan. To do what you are talking about would require you to design a replica of the sight suited for each resolution size. Then a simple code can be added, to direct the user to the pages that cater to the resolution size of their monitor.

Clicken · #4 (**permalink**) 03-12-2008, 04:02 AM

Hi jboraski,

Before I allowed the scripts to run the site was resizing just fine. I checked the code and found the following...

<marquee width="1103"...
<marquee width="1277"...

I do not have experience with the marquee so I am not sure if it can be sized with percent.

mtheory · #5 (**permalink**) 03-12-2008, 10:12 AM

I use a liquid Flas design.

davebarnes · #6 (**permalink**) 03-12-2008, 11:34 AM

Quote:

I barely was able to design the site and get it published

Accommodating different-sized monitors is the least of your problems.

1. Two horizontal scrollers and both are too fast. By "too" I mean that they should not move at all.

2. Color scheme is very old looking.

3. I have a 24-inch monitor, but my browser is set to be about 1000 pixels wide. I would design for a maximum width of no more than 900 px. You need to reduce the size of your photos. I like the photos. Just reduce the size and let people click on them for a larger version.

4. You should use an external style sheet and not inline styles.

5. Using anything similar to Expression Web Graphics | Expression Web Templates For Business will usually guarantee that the resulting design will be eligible for a mention at this site: Web Pages That Suck learn usability and good web design by looking at bad web design -- The Daily Sucker

6. You need to hire a designer and a webmaster and start over.

jboraski · #7 (**permalink**) 03-12-2008, 11:39 AM

Thanks for the input.

AMXFAN, I will redesign under a 800 x 600 page size and we'll see what it looks like then.

jboraski · #8 (**permalink**) 03-12-2008, 11:57 AM

Is there just a better program to use rather than Frontpage that will help me out with this Basic web design?

and if anyone is a web designer, email me some information so that we can discuss. jboraski@gfcfinishing.com

amxfan · #9 (**permalink**) 03-12-2008, 01:13 PM

Quote:

Originally Posted by jboraski

Is there just a better program to use rather than Frontpage that will help me out with this Basic web design?

There are many. I myself use Dreamweaver. Frontpage is ok and you can build a nice and professional page with it, but I personally do not like the fact that it adds unwanted folders and you must have a server that has their extensions installed.

One of the down sides of Dreamweaver is like all programs, it's price is somewhat high.

Some programs that are nice to have, depending on what you want to do.
Photoshop
Dreamweaver / Frontpage / Microsoft Expression Web
Flash
Fireworks
Go Live
Indesign
If using CMS like Durpal, a server with PHP and SQL installed <-- nice to have anyway for testing reasons
MS Access or Navicat

davebarnes · #10 (**permalink**) 03-12-2008, 02:38 PM

Quote:

Originally Posted by jboraski

Is there just a better program to use rather than Frontpage that will help me out with this Basic web design?

Dreamweaver.

But, if you are really serious about doing web design and web coding, then you should have "Adobe Creative Suite 3 Web Premium combines the best-of-the-best web design and development tools."

It is bargain priced at $1600 USD.

ran_dizolph · #11 (**permalink**) 03-12-2008, 04:09 PM

If you're fixing for 800px resolution, stay 780px wide and UNDER.

800px will still pop a horizontal scrollbar up if your page is longer than the screen to accomodate for the vertical scrollbar on 800x600 monitors.

jboraski · #12 (**permalink**) 03-12-2008, 04:15 PM

Thanks guys,

I am in the process of reformatting the pages onto a smaller page size. I will post here when I get this finished so that someone may want to check it out again.

By no means am I a guru at this, I actually have just been teaching myself while doing my real job functions, but all the information provided has and will be used wisely.

jboraski · #13 (**permalink**) 03-12-2008, 06:30 PM

I give up!!!!!!!!!!! after redesigning for 800 now look at my site?@!?! Welcome to Website.

Guess its time to go back to school!

iany · #14 (**permalink**) 03-12-2008, 08:45 PM

Quote:

Originally Posted by amxfan

There are many. I myself use Dreamweaver. Frontpage is ok and you can build a nice and professional page with it, but I personally do not like the fact that it adds unwanted folders and you must have a server that has their extensions installed.

Actually you don't need FrontPage extensions installed, if you use it as a straight html code editor. It is only when you want to use its dynamic scripts that the extensions are required. However, big problem with FrontPage is that it adds extraneous code and will drop important bits of code particularly if used in WYSIWYG view.

I use FrontPage 2006 but only in code view - the WYSIWYG view changes the case of the code (not good).

I have Dreamweaver too but, as many on the forum know, I do not think it is worth the huge amount of money. Used properly it is a powerful editor but it can encourage lazy and sloppy coding.

cheers

Ian

iany · #15 (**permalink**) 03-12-2008, 08:50 PM

Quote:

Originally Posted by davebarnes

Dreamweaver.

But, if you are really serious about doing web design and web coding, then you should have "Adobe Creative Suite 3 Web Premium combines the best-of-the-best web design and development tools."

It is bargain priced at $1600 USD.

You are kidding, I hope! I was under the impression that really serious coding was done by hand these days.
Having spent the last few years learning about CSS, the Zen gurus on the Eric Meyer discussion group all hand code.
I cannot see how any software is worth $1600 dollars! Wow.

Ian

mtheory · #16 (**permalink**) 03-12-2008, 09:13 PM

Quote:

Originally Posted by iany

You are kidding, I hope! I was under the impression that really serious coding was done by hand these days.
Having spent the last few years learning about CSS, the Zen gurus on the Eric Meyer discussion group all hand code.
I cannot see how any software is worth $1600 dollars! Wow.

Ian

The above mentioned TOOLS shoud not be confusted with simple WYSIWYG software. Web producers use software like Flash and Dreamwaever to design websites analogically to using a video or still camera rather than simply painting or drawing visual aspects of a site.

tiley · #17 (**permalink**) 03-12-2008, 10:29 PM

Quote:

Originally Posted by davebarnes

Dreamweaver.

But, if you are really serious... you should have "Adobe Creative Suite 3 Web Premium

bargain priced at $1600 USD.

Sorry Dave, but what a bratty answer!

jboraski is obviously a beginner, trying to teach himself how to work on his web site and you recommend $1600 software?

I agree CS3 is good (I only use CS2 cause I am on a budget) but there are tons of less costly solutions that are effective and appropriate for beginners.

Here is one that is free
HTML-Kit
HTML Kit for more than editing HTML

If he needs more features, he can register for the pro version for $79.

Also, I highly recommend you learn HTML and CSS, jboraski.

These are very good, IMO:
W3Schools Online Web Tutorials

davebarnes · #18 (**permalink**) 03-12-2008, 10:42 PM

Quote:

Originally Posted by tiley

Sorry Dave, but what a bratty answer!

Well, Yes and No.

Yes, because I believe in using the proper tools. Are a band saw and a milling machine appropriate for the same or different tasks? Don't answer, it is a bratty rhetorical question.

No, because GFC has spent 100s of thousands of dollars (maybe millions) on machine tools. They can easily afford to spend $1600 on the proper tools to build a website that will bring them millions of dollars of revenue.

I fail to understand how a company can spend 100K$ on a milling machine and then not spend 1.6K$ on the best software for creating/maintaining a website.

Clicken · #19 (**permalink**) 03-12-2008, 11:12 PM

JB,… don’t give up!

I thought the original design was fine except for the marquees. They were too annoying, not just the speed but especially with two of them so close together. In my opinion, the one in the header should have been eliminated and the one under might have been acceptable if it were sized correctly and slowed down.

As I mentioned before, the page was resizing just fine without the marquee because the width was too long. Will the marquee allow a percentage width?

If the marquee can’t be sized using a percent, then I would suggest that you put the original page back in with just text where the marquees were until you have worked out a redesign, if redesign is what you want. It is impossible to please everyone as far as design goes.

Also, it is not recommended to do redesigning ‘live’ but rather just link to the new page for review comments... no matter which design package you choose!

Would you burn money just because you can?

If web designing is your business then spending extra for programming might be logical just as spending more for milling machines opposed to hand saws due to the professional concept of efficiency.

I agree with tiley that there are less costly ways to achieve the same results and I would recommend those links as well. Either way there is a learning curve and money can't buy out of that.

PixelPusher · #20 (**permalink**) 03-13-2008, 07:05 AM

Well, did you ever think about hiring a professional Webdesigner for relaunching your Site? How many hours did you spend on this projekt so far? Think about it.

datetopia · #21 (**permalink**) 03-13-2008, 08:37 AM

Use a decent width for your content (i.e. most browsers surf using a resolution of 1024 or more).
There will always be exceptions - few people using less than that - let them scroll.

Somebody can use a mobile phone to browse your website and have only 320 screen widh or less. If you limit your content width to 300, regular users that use 1024 or 1600 or event 2048 pixels width resolutions will see your page like a tiny column.