Web Page Alignment

Need technical advice on coding your web pages? Covers HTML, JavaScript, CSS, and some server side technologies. Also the issue of some webpages not displayed well.

Moderator: Don_HH2K

Web Page Alignment

Postby keith » Mon 20 Dec, 2004 2:12 am

I built a web page for my 4-h club and i am having problems with the positioning of things. they are all lined up when i put them in, but when i put it on the net, they are all out of wack. I don't have a clue why.

If anyone wants to check out the site for curiousity,
but it isn't anything fancy!! its pretty plane jane for now.


http://www.memlane.com/nonprofit/sevenp ... index.html

I am using Front Page 2000

Keith
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
KEITH
User avatar
keith
gold member
gold member
 
Posts: 687
Joined: Mon 02 Feb, 2004 11:49 am
Location: Alberta, Canada

Postby Antony » Mon 20 Dec, 2004 2:51 am

Keith, the page looks fine to me, what elements (or things) you want to line up? On which page?
UserAgent: Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en) AppleWebKit/125.5.5 (KHTML, like Gecko) Safari/125.12
User avatar
Antony
diamond member
diamond member
 
Posts: 14510
Joined: Tue 18 Jun, 2002 11:36 pm
Location: Sydney, Australia

Postby Al » Mon 20 Dec, 2004 1:59 pm

I'm not suprised that FrontPage will do that. Swich to Nvu or Mozilla Composer
UserAgent: Mozilla/5.0 (Windows; U; Win98; en-US; rv:1.7.5) Gecko/20041108 Firefox/1.0
User of Firefox :ff: 3.0 on Windows XP
User avatar
Al
diamond member
diamond member
 
Posts: 1694
Joined: Fri 20 Dec, 2002 1:08 pm

Postby Andrew T. » Mon 20 Dec, 2004 3:09 pm

The reason elements on the front page of your website aren't positioning themselves the way you want them to is because of bad coding. Rather than aligning elements to the center, you have instead aligned elements to the left and used non-breaking spaces ([tt] [/tt]) to move elements closer to the center. You have properly centered elements on other pages (using the [tt] align="center"[/tt] attribute).

FrontPage 2000 is rather old, and has a tendency to create poorly-coded web pages that render best only in Internet Explorer. For such a simple website, you would not be disadvantaged in using a more standards-complient HTML editor such as that provided in Mozilla 1.7.5.

As side notes, the "Home" link on the front page does not work since it is erroneously linked to a document named "index.html.htm." You call upon fonts such as "Bradley Hand ITC" that are not common, and would obviously not appear on a computer that does not have the font installed. You also attempt to play a sound on the front page by using the code [tt]<bgsound src="Robotz%20Windows%20Exit.wav" loop="3">[/tt]; this is a bad idea as [tt]<bgsound>[/tt] only works in Internet Explorer while other tags such as [tt]<embed>[/tt] work in both Internet Explorer and Netscape, Mozilla, and Firefox. (Links to more information on embedding sound).) Finally, I would suggest giving the page a title more descriptive than "BEEFIN."

(And only post your thread once, not three times!)
UserAgent: Mozilla/5.0 (Windows; U; Win95; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
User avatar
Andrew T.
diamond member
diamond member
 
Posts: 1228
Joined: Fri 14 Mar, 2003 11:37 pm
Location: Somewhere beyond the sea

Postby keith » Mon 20 Dec, 2004 9:48 pm

Hey thanks all. and sorry Andrew for that. somethin was goin goofy with my computer that night.

And the stuff i want lined up is in a chart on the awards page. I got most of it mastered, just fom messin with it forever. and thanks everyone.

Keith
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
KEITH
User avatar
keith
gold member
gold member
 
Posts: 687
Joined: Mon 02 Feb, 2004 11:49 am
Location: Alberta, Canada

May I Please Direct You to Another Web-Tip?

Postby FrankoSport » Thu 23 Dec, 2004 7:37 am

Greetings Keith ...

Nice Web-Page and Images.

Regarding your images, I made note of something that many web-page designers do not often consider - specificly, image download time and the potential adverse effect on a web-site's bandwidth allotment.

Click-on this SillyDog Forum Link for a tip that will help speed up download time while saving precious bandwidth allotment.
UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Thanx-A-Lot and Enjoy, Frank-0-Sport
FrankoSport
super member
super member
 
Posts: 137
Joined: Sun 05 Jan, 2003 12:04 pm

Re: May I Please Direct You to Another Web-Tip?

Postby Antony » Thu 23 Dec, 2004 7:46 am

That's a nice guide FrankoSport.

FrankoSport wrote:Click-on this SillyDog Forum Link for a tip that will help speed up download time while saving precious bandwidth allotment.
I agree with the first part... speeding up for visitors. You don't see me posting high quality and large graphics in SillyDog701 Message Centre, simply I resized all screenshots. And I also request not include images (inline images) that are wider than 550 pixel.

As for saving precious bandwidth, I have plenty to waste :-)
UserAgent: Mozilla/5.0 (Macintosh; U; PPC Mac OS X; en) AppleWebKit/125.5.5 (KHTML, like Gecko) Safari/125.12
User avatar
Antony
diamond member
diamond member
 
Posts: 14510
Joined: Tue 18 Jun, 2002 11:36 pm
Location: Sydney, Australia

Postby keith » Thu 20 Jan, 2005 1:11 am

FrankoSport, and antony, thanks

keith
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
KEITH
User avatar
keith
gold member
gold member
 
Posts: 687
Joined: Mon 02 Feb, 2004 11:49 am
Location: Alberta, Canada

Postby keith » Thu 20 Jan, 2005 6:16 pm

What will all this do to my quality of the pictures?

Keith
UserAgent: Mozilla/4.0 (compatible; MSIE 6.0; Windows NT 5.1; SV1; .NET CLR 1.1.4322)
KEITH
User avatar
keith
gold member
gold member
 
Posts: 687
Joined: Mon 02 Feb, 2004 11:49 am
Location: Alberta, Canada

Picture Quality When Resizing

Postby FrankoSport » Mon 24 Jan, 2005 5:40 am

Greetings Keith ...

The results I get when re-sizing with IrfanView are usually pretty good.

If sizing down from a large image, quality is virtually not an issue. It's when you make larger size copies of smaller images that the quality issue is likely to come into play.

If your page visitors want to see large versions of a small image, make a hyperlink for the image in question that will call up a larger image.

Here is HTML text for thumbnail image linking

And here's a page from my web-site, where thumbnails represent larger images -- Street Signs-Roadside Objects
UserAgent: Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.7.5) Gecko/20041107 Firefox/1.0
Thanx-A-Lot and Enjoy, Frank-0-Sport
FrankoSport
super member
super member
 
Posts: 137
Joined: Sun 05 Jan, 2003 12:04 pm


Return to Web Design and Page Coding

Who is online

Registered users: Google [Bot], Majestic-12 [Bot]