alright, i cannot seem to get tables to work correctly, i want the buttons underneath the content-in located in a centered table. index.php: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Aliquippa Story </title> <!-- Javascript - Fix the flash of unstyled content --> <script type="text/javascript"></script> <!-- Stylesheets --> <link href="style/reset.css" rel="stylesheet" type="text/css" media="all" /> <link href="style/default.css" rel="stylesheet" type="text/css" media="screen" /> <link href="style/styling.css" rel="stylesheet" type="text/css" media="screen" /> <!-- Print Stylesheet --> <link href="style/print.css" rel="stylesheet" type="text/css" media="print" /> </head> <body> <script language="JavaScript"> <!-- function Show_Page(PageNum) // Function that will swap the display/no display for // all content within span tags { if (PageNum == 1) { Home.style.display = ""; Give.style.display = "none"; Data.style.display = "none"; } else if (PageNum == 2) { Home.style.display = "none"; Give.style.display = ""; Data.style.display = "none"; } else if (PageNum == 3) { Home.style.display = "none"; Give.style.display = "none"; Data.style.display = ""; } } --> </script> <div id="container"> <div id="header"> <div id="header-in"> <H1> Aliquippa Story </H1> </div> <!-- end #header-in --> </div> <!-- end #header --> <div id="content-wrap" class="clear"> <div class="content"> <div class="content-in"> <span ID="Home" style="display: Show"> This is the home page </span> <DIV id="Give" style="display:none"> Give us information </DIV> <DIV id="Data" style="display:none"> View our information </DIV> </div> <!-- end .content-in --> <div class="navigation" align="center"> <a href="javascript:Show_Page(1)"><img src="images/Home.bmp" border="0"></a> <a href="javascript:Show_Page(2)"><img src="images/Give.bmp" border="0"></a> <a href="javascript:Show_Page(3)"><img src="images/View.bmp" border="0"></a> </table> </div><!-- end navigation --> </div> <!-- end .content --> </div> <!-- end #content-wrap --> <div class="clear"></div> <div id="footer"> <div id="footer-in"> Website created by Mike Conte </div> <!-- end #footer-in --> </div> <!-- end #footer --> </div> <!-- end div#container --> </body> </html> PHP: in this one i want the same thing with the links on the bottom, AND the login form to be centered vertically and horizontally. login.php <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> Aliquippa Story </title> <!-- Javascript - Fix the flash of unstyled content --> <script type="text/javascript"></script> <!-- Stylesheets --> <link href="/test/style/reset.css" rel="stylesheet" type="text/css" media="all" /> <link href="/test/style/default.css" rel="stylesheet" type="text/css" media="screen" /> <link href="/test/style/styling.css" rel="stylesheet" type="text/css" media="screen" /> <!-- Print Stylesheet --> <link href="/test/style/print.css" rel="stylesheet" type="text/css" media="print" /> </head> <body> <div id="container"> <div id="header"> <div id="header-in"> <H1> Aliquippa Story </H1> </div> <!-- end #header-in --> </div> <!-- end #header --> <div id="content-wrap" class="clear"> <div class="content" align="center"> <div class="content-in"> <BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/><BR/> <font size="3"> Please login to continue. </font> <BR/> <form action="login.php" method="POST"> <input type="text" name="user" class="tb-background" value="helloworld" size="20"/> <br/> <input type="password" name="pass" class="tb-background" value="password" size="20"/> <br/> <input type="button" name="Submit" value="LOGIN" class="ci_submit" /> </form> </div> <!-- end .content-in --> <div class="navigation" align="center"> <a href="javascript:Show_Page(1)"><img src="/test/images/Home.bmp" border="0"></a> <a href="javascript:Show_Page(2)"><img src="/test/images/Give.bmp" border="0"></a> <a href="javascript:Show_Page(3)"><img src="/test/images/View.bmp" border="0"></a> </table> </div><!-- end navigation --> </div> <!-- end .content --> </div> <!-- end #content-wrap --> <div class="clear"></div> <div id="footer"> <div id="footer-in"> Website created by Mike Conte </div> <!-- end #footer-in --> </div> <!-- end #footer --> </div> <!-- end div#container --> </body> </html> PHP: and here is the css code for both files: /* Default Stylesheet */ /** BODY ELEMENTS **/ body { color: #333; background: url('../images/Background.jpg') no-repeat; } h1 { font-size: 27pt; color: #333; text-align: center; } .tb-background { background-color : #CCCC66; border: 2px solid #999966; } /** MAIN CONTAINERS **/ div#container { margin: 2em auto; } div#header { background-color: #CCCC99; border: 1px solid #999966; border-width: 2px 2px 2px 2px; } div#header-in { padding: 20px; text-align: center; } div#content-wrap { padding: 10px 0; } div.content { color: inherit; background-color: #CCCC99; border: 1px solid #999966; border-width: 2px 2px 2px 2px; } div.content-in { padding: 20px; min-height: 60%; height: 60% !important; height: 60%; } div.navigation { text-align: center; padding: 10px; border: 1px solid #999966; border-width: 2px 0 0 0; } div#footer { color: inherit; background-color: #CCCC99; border: 1px solid #999966; border-width: 2px 2px 2px 2px; } div#footer-in { padding: 20px; } /** SUB CONTAINERS **/ * { } /** LISTS **/ * { } /** TYPOGRAPHY **/ * { } /** FORMS **/ * { } /** END **/ Code (markup): i filled in for the table with <br/> tags and   for the time being anyone got any ideas? please explain what i am doing wrong!
A link to your site would provide the ability to view it and see what you are referring to so that help can be provided. Please post a link to your site.
umm, ok, i thought that people would say that i was spamming cause this is the third link that i have posted, but it isnt even my website its my clients lol, aliquippastory.com/test/