The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

2 Pages V  1 2 >  
Reply to this topicStart new topic
> Centering My Website for All Resolutions, Centering Web Pages
smiley
post Jan 5 2009, 12:30 AM
Post #1


Novice
**

Group: Members
Posts: 21
Joined: 5-January 09
Member No.: 7,475



My website used to be centered in all resolutions and now it is not. I am using Frontpage (I know outdated but that is all I know how to use at the moment). For some reason it is no longer centered anymore in IE7. Can someone look at my html and tell me what is wrong. My website is www.fireprints.com At one time I used a centering script from an Eric King at Dynamic Drive website but it no longer works for whatever reason. I am also no good with html, I can do very little, I can copy and past if you tell me where to put it LOL! Anyways I am just wanting my website to be centered on all different resolutions and know it is possible but I can't figure out how to do it. Than you in advance!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 5 2009, 12:42 AM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



It's centered for me.

I recommend that you start by fixing the markup errors and CSS errors reported by the online tools.

Your lack of a doctype declaration puts browsers into quirks mode. See also Activating Browser Modes with Doctype.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
smiley
post Jan 5 2009, 12:52 AM
Post #3


Novice
**

Group: Members
Posts: 21
Joined: 5-January 09
Member No.: 7,475



QUOTE(Darin McGrew @ Jan 4 2009, 11:42 PM) *

It's centered for me.

I recommend that you start by fixing the markup errors and CSS errors reported by the online tools.

Your lack of a doctype declaration puts browsers into quirks mode. See also Activating Browser Modes with Doctype.


I just figured it out, I deleted the auto center script and just set the table properties to "Center" on my main table. Thank you for your reply.

As to the "quirks". What is it doing to you? I don't understand what you are saying when you say "doctype". I am going to read your link but I am fairly a novice, self trained. I have built this entire website but I don't think it is the best or anything. Where I live there are no web designers. I am also having trouble trying to find someone to build a shopping cart for me. I have tried but I am not understanding exactly how to build a cart, I am with Ipower and I have access to ShopSite which is supposed to be one of the best, but it is impossible for me to figure out how to do it. Any suggestions on an easy cart or who to get to build me a shopping cart for reasonable price?

Any suggestions on a new web design software that is similar to Frontpage and that I can also edit and input html? I have looked at Dreamweaver and WebPlus X2 by Serif but really not sure which would be best for me (I know I want one that will import my current website with hopefully no problems). I have seen some out there but some of them (the easier ones) don't let you edit or write html. I am no expert but I do tinker with the html and feel it is good to be able to do this as I have fixed several problems doing this.

THANK YOU so much in advance! Good work! I appreciate it!

This post has been edited by smiley: Jan 5 2009, 12:55 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 5 2009, 12:58 AM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



Please see the FAQ entry What is a DOCTYPE? Which one do I use?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
smiley
post Jan 5 2009, 01:18 AM
Post #5


Novice
**

Group: Members
Posts: 21
Joined: 5-January 09
Member No.: 7,475



Ok am doing so now. I have fixed a couple of the errors and my homepage at www.fireprints.com is now centered however none of my ohter pages are centering such as www.fireprints.com/gallery.htm I done the same thing and deleted the centering script and then clicked on my main table properties and set it to "Center" but it is not centering the page on my other pages.

What about the below, what is wrong with them and how do I fix this? I am guessing I have simply left out something but when I search I am not finding a match that is the same as mine. Thanx!

ERROR #1

Line 14, character 28:
<META NAME="FirePrints.Com">
^Error: required attribute CONTENT not specified

ERROR #2

Line 16, character 1:
<META NAME="Keywords" CONTENT="fire truck pictures, firefigh ...

This post has been edited by smiley: Jan 5 2009, 02:04 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Jan 5 2009, 02:21 AM
Post #6


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3



The errors are different now. Let us know when you're done fixing syntax errors.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
smiley
post Jan 5 2009, 02:33 AM
Post #7


Novice
**

Group: Members
Posts: 21
Joined: 5-January 09
Member No.: 7,475



I am done fixing until you reply. The first 3 errors I cannot figure out what is wrong with them. I figured out the script errors and am working on them to get them out of the way. The html error and the 2 name errors are stumping me. Also I got my homepage centered and I have now centered the my gallery page by just using my homepage as a template, but I really don't want to go through every page and have to copy paste my homepage and use it as a template and delete/edit/copy/paste just to make it center. This page is not cenetered as I have not used my homepage as a template on it, it is located at www.fireprints.com/electricart.htm Can you tell me why it is not centering?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 5 2009, 02:55 AM
Post #8


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



CODE
Line 13, character 6:
<html>
     ^Error: element HTML not allowed here; check which elements this element may be contained within


This is because you have a script block between the doctype and <html>. Nothing can go there. Both start and closing tags for HTML and HEAD are actually optional in HTML. If they aren't used they are "implied". When the validator encounters the script block it considers HEAD to be started and HTML can't be inside HEAD. Clear as mud, huh? happy.gif

CODE
Line 16, character 21:
<META NAME="Author" "FirePrints.Com">
                    ^Error: an attribute specification must start with a name or name token


You have used an attribute value ("FinePrints.Com") without using the attribute it's for. Should be content="FirePrints.Com" .

CODE
Line 18, character 1:
<META NAME="Keywords" CONTENT="fire truck pictures, firefigh ...
^Warning: unclosed start-tag


You haven't closed the start tag for the META before the one the validator is pointing out, i.e. it lacks the closing ">". The validator marks the last spot where it must go - before the next tag starts.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
smiley
post Jan 5 2009, 03:02 AM
Post #9


Novice
**

Group: Members
Posts: 21
Joined: 5-January 09
Member No.: 7,475



[quote name='pandy' date='Jan 5 2009, 01:55 AM' post='32584']
CODE
Line 13, character 6:
<html>
     ^Error: element HTML not allowed here; check which elements this element may be contained within


This is because you have a script block between the doctype and <html>. Nothing can go there. Both start and closing tags for HTML and HEAD are actually optional in HTML. If they aren't used they are "implied". When the validator encounters the script block it considers HEAD to be started and HTML can't be inside HEAD. Clear as mud, huh? happy.gif

Ok fixed the other 2 but this one is muddy to me blink.gif so what should I do to fix this? Do I move the <html> somewhere, remove the <> , or do I delete it?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 5 2009, 03:11 AM
Post #10


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Move the script block inside HEAD where it should be. All content must be inside HTML and furthermore it must be inside either HEAD or BODY. You've put that script block outside HTML, outside everything.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
smiley
post Jan 5 2009, 03:15 AM
Post #11


Novice
**

Group: Members
Posts: 21
Joined: 5-January 09
Member No.: 7,475



QUOTE(pandy @ Jan 5 2009, 02:11 AM) *

Move the script block inside HEAD where it should be. All content must be inside HTML and furthermore it must be inside either HEAD or BODY. You've put that script block outside HTML.


Ok when I moved the script I kept getting script errors so I moved <html> and <head> to the top, is this ok? Or will this interfere with my Meta Tags and Title etc.?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 5 2009, 03:21 AM
Post #12


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



CODE
Ok when I moved the script I kept getting script errors so I moved <html> and <head> to the top, is this ok?


What's the difference? laugh.gif


QUOTE
Or will this interfere with my Meta Tags and Title etc.?


No, all of that should be in HEAD and it seems to be now.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
smiley
post Jan 5 2009, 04:42 AM
Post #13


Novice
**

Group: Members
Posts: 21
Joined: 5-January 09
Member No.: 7,475



QUOTE(pandy @ Jan 5 2009, 02:21 AM) *

CODE
Ok when I moved the script I kept getting script errors so I moved <html> and <head> to the top, is this ok?


What's the difference? laugh.gif


QUOTE
Or will this interfere with my Meta Tags and Title etc.?


No, all of that should be in HEAD and it seems to be now.


well I moved html and head to above my meta tags (actually I moved them just below my declared doctype, should they be below? Were do I put this popup blocking script without causing script errrors?

Also I am having trouble with the below "margins"
Line 92, character 36:
... bgcolor="#FFFFFF" leftmargin="0" topmargin="0" onLoad="MM_pr ...
^Error: there is no attribute LEFTMARGIN for this element (in this HTML version)

Line 92, character 50:
... FF" leftmargin="0" topmargin="0" onLoad="MM_preloadImages('i ...
^Error: there is no attribute TOPMARGIN for this element (in this HTML version)


Also my doctype declared is as follows, is it correct for what I have or should it be changed?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


Also FYI I am usning FrontPage 2000 as my editor/web design program

This post has been edited by smiley: Jan 5 2009, 04:43 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 5 2009, 05:47 AM
Post #14


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE
well I moved html and head to above my meta tags (actually I moved them just below my declared doctype, should they be below? Were do I put this popup blocking script without causing script errrors?


I don't know. See if it works if you place it last in BODY instead.

QUOTE
Also I am having trouble with the below "margins"
Line 92, character 36:
... bgcolor="#FFFFFF" leftmargin="0" topmargin="0" onLoad="MM_pr ...
^Error: there is no attribute LEFTMARGIN for this element (in this HTML version)


They are old non-standard attributes. They are used in the below FAQ entry too, but they aren't needed anymore. Just use the CSS bit.
http://htmlhelp.com/faq/html/effects.html#no-margins



QUOTE
Also my doctype declared is as follows, is it correct for what I have or should it be changed?

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">


Yeah, it's fine.


QUOTE
Also FYI I am usning FrontPage 2000 as my editor/web design program


Just don't let it add it's own stuff.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
smiley
post Jan 5 2009, 11:11 AM
Post #15


Novice
**

Group: Members
Posts: 21
Joined: 5-January 09
Member No.: 7,475



QUOTE(pandy @ Jan 5 2009, 04:47 AM) *

QUOTE
well I moved html and head to above my meta tags (actually I moved them just below my declared doctype, should they be below? Were do I put this popup blocking script without causing script errrors?


I don't know. See if it works if you place it last in BODY instead.

I moved the <html> and <head> tags to just below the declared doctype. It appears ok and I am not getting any validation errors, so I assume it is ok where it is. Does the popup blocking script really even work? (LOL) or is it even needed?

QUOTE
Also I am having trouble with the below "margins"
Line 92, character 36:
... bgcolor="#FFFFFF" leftmargin="0" topmargin="0" onLoad="MM_pr ...
^Error: there is no attribute LEFTMARGIN for this element (in this HTML version)


They are old non-standard attributes. They are used in the below FAQ entry too, but they aren't needed anymore. Just use the CSS bit.
http://htmlhelp.com/faq/html/effects.html#no-margins

I am sorry but what do you mean by using the CSS bit? I have no idea what CSS is, again I am a novice.



QUOTE
Also FYI I am usning FrontPage 2000 as my editor/web design program


Just don't let it add it's own stuff.


What is an example of FrontPage adding its on "stuff"?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 6 2009, 03:45 AM
Post #16


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE
What is an example of FrontPage adding its on "stuff"?


FrontPage is known for large amounts of junk code. I've haven't used the program myself, but there is supposed to be a setting that prevents it from changing what you manually type when you use code view into FP's own oppinion of how it should be written. You probably use that setting already, or you would have noticed now when you correct the validation errors.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
smiley
post Jan 6 2009, 05:14 AM
Post #17


Novice
**

Group: Members
Posts: 21
Joined: 5-January 09
Member No.: 7,475



I moved the <html> and <head> tags to just below the declared doctype. It appears ok and I am not getting any validation errors, so I assume it is ok where it is. Does the popup blocking script really even work? (LOL) or is it even needed?


I am sorry but what do you mean by using the CSS bit? I have no idea what CSS is, again I am a novice.


User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 6 2009, 05:46 AM
Post #18


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE
I moved the <html> and <head> tags to just below the declared doctype.


That's where they should be and where they were last I looked.

QUOTE
Does the popup blocking script really even work? (LOL) or is it even needed?


I doubt. It looks peculiar. What is it supposed to do? Why would you want to block popups on your own site? unsure.gif

QUOTE
I am sorry but what do you mean by using the CSS bit? I have no idea what CSS is, again I am a novice.


What's in a style attribute in the FAQ. If you write it in an external style sheet or a style block in HEAD it should be like this.

CODE
body    { margin: 0; padding: 0 }


That's all you need. Browsers that benefit from the non standard stuff are so old so there is no reason to cater to them any more, basically Netscape 4 and IE3.

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
smiley
post Jan 6 2009, 07:40 AM
Post #19


Novice
**

Group: Members
Posts: 21
Joined: 5-January 09
Member No.: 7,475



QUOTE
Also I am having trouble with the below "margins"
Line 92, character 36:
... bgcolor="#FFFFFF" leftmargin="0" topmargin="0" onLoad="MM_pr ...
^Error: there is no attribute LEFTMARGIN for this element (in this HTML version)


They are old non-standard attributes. They are used in the below FAQ entry too, but they aren't needed anymore. Just use the CSS bit.
http://htmlhelp.com/faq/html/effects.html#no-margins



1. So how would I fix this? Would I just add this: <body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" style="margin:0;padding:0"> to the body somewhere? Would I need to delete anything?

2. What newer web desing program would you recommend for me to update to? I have looked at both WebPlus X2 and DreamWeaver. I would like one that allows html editing and also WYSIWYG. I would like something that is very similar to use as Frontpage is because that is what I am familiar with.

3. Any suggestions for a shopping cart? A good Easy one? I have access to use ShopSite with my Ipower membership where I have my domain name registered however I am having a hard time getting started with it as I am very NOVICE to shopping carts.

ALL is welcome to chime in here and give their opinon please.

This post has been edited by smiley: Jan 6 2009, 07:58 AM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 6 2009, 09:33 PM
Post #20


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



QUOTE
1. So how would I fix this? Would I just add this: <body marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" style="margin:0;padding:0"> to the body somewhere? Would I need to delete anything?


Nuh. You shouldn't use marginheight="0" topmargin="0" marginwidth="0" leftmargin="0" at all. You should use style="margin:0;padding:0" . But it's better to avoid style attributes and use an external style sheet or at least a style block in HEAD. With an external style sheet you use that rule once and it's good for your whole site (as long as you link to the style sheet from every page).
http://htmlhelp.com/reference/css/style-html.html


QUOTE
2. What newer web desing program would you recommend for me to update to? I have looked at both WebPlus X2 and DreamWeaver. I would like one that allows html editing and also WYSIWYG. I would like something that is very similar to use as Frontpage is because that is what I am familiar with.


Most people around here would recommend that you use a text editor. If you are set on a WYSIWYG, I'm not able to recommend one over the other since I've never used them. FP seems to be the worst of the bunch though, but if you write your code manually and don't use the WYSIWYG mode, it shouldn't matter.

There are hybrides, dedicated HTML editors, that are not WYSYWYGs but let you preview the page in real times, come with wizards and so on. Maybe that would suit you? HTML Kit has a good rep.
http://www.chami.com/html-kit/

QUOTE
3. Any suggestions for a shopping cart? A good Easy one? I have access to use ShopSite with my Ipower membership where I have my domain name registered however I am having a hard time getting started with it as I am very NOVICE to shopping carts.


Sorry, I don't know. osCommerce is popular but I hear it's also complicated.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

2 Pages V  1 2 >
Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 28th March 2024 - 09:36 AM