Almost Got It, Just a couple more questions

[kevin316]

I got my sign in script where I wanted it by using a table in the footer but now I have a gap between the body and the footer. If I leave my sign in script in the body the space isn't there but if I delete it then the space appears.

I made my menu fit by decreasing my page width by 4 pixels.

Now the only thing I need to understand on my menu is that it is asking for a link for the "tools" & BMI sections that both have sub menus. I don't want the user to use the Tools or BMI buttons for navigation. Any suggestions on how to make this work. Is there something I can put into the link to point them to the page they a currently on?

[kevin316]

Sorry, one more thing. I started out with my site being centered on the page, now it is on the left. What did I do and how can I set it back to being centered?

[kevin316]

Fixed the gap between the body and the footer with a <br>. That brings up another question, do I need to close all my <br> tags with a <br /> or does it matter?

[Costin Trifan]

Originally Posted by kevin316

Fixed the gap between the body and the footer with a <br>. That brings up another question, do I need to close all my <br> tags with a <br /> or does it matter?

If the DOCTYPE you're using is set to HTML 4.0 then you don't; only if it's one of the XHTML doctypes.

For more and detail info: http://www.w3schools.com/tags/tag_doctype.asp

To center a page:
set a width to your page container/wrapper(div/table) whatever you have there and then set the text-align: center to BODY in your stylesheet.

[kevin316]

Here is what my css looks like. I think you were talking about the the top two. I set them both to center but it didn't work. Am I missing something?

@charset "UTF-8";
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
letter-spacing: normal;
background: #666666;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
letter-spacing: normal;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
letter-spacing: normal;
font-size: 1em;
}
.oneColFixCtrHdr #container {
color: #000;
width: 776px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}
.oneColFixCtrHdr #header {
background: #DDDDDD;
padding: 0 0px 0 0px;
}
.oneColFixCtrHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 0px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
}
.oneColFixCtrHdr #mainContent {
background: #FFFFFF;
padding-top: 0;
padding-right: 20px;
padding-bottom: 0;
padding-left: 20px;
background-color: #D5E5F7;
color: 103775;
text-align: left;
}

.oneColFixCtrHdr #footer{
font-size: 10px;
padding-right: 0px;
padding-left: 20px;
margin: 0;
background-image: url(images/Learn%202%20Eat%20Lines2.jpg);
height: 140px;
width: 756px;
overflow: hidden;
padding-top: 10px;
padding-bottom: 0px;
text-align: center;
color: 103775;
font-weight: 600;
line-height: 12px;
background-color: 86a8cc;

[htmlbasictutor]

.oneColFixCtrHdr #container {
color: #000;
width: 776px;
font-family: Verdana, Geneva, sans-serif;
text-align: center;
}

text-align: center; here will center the contents of the container.

If you want the container centered horizontally on the page then:

.oneColFixCtrHdr #container {
color: #000;
width: 776px;
font-family: Verdana, Geneva, sans-serif;
margin-left: auto;
margin-right: auto;
}

[kevin316]

Got it. Thank you very much.

Last item is the links in the menu bar. I guess the easiest way to describe what I would like them to do is to look at the "quick links" on the menu bar of this page.

[kevin316]

Got it. I had to put a # sign in place of the link. I was trying to leave it blank