Tim I think you misunderstood what I was asking... I was looking for a tip on how to get the footer to actually extend to the foot of the page, I pasted the code so people could see how the code was done. I agree Tables aren't the way to lay things out but I needed to get this done fast and then good... ;-) I will be refactoring it again and again. I basically don't understand why specific containers when given 100% height aren't extending to 100%.... Thanks for the advice on the email address... I will do a C# contact form... again... I was doing this fast, then correct. I had 12 hrs to do it. :-)
Thanks Travis -----Original Message----- From: [email protected] [mailto:[EMAIL PROTECTED] On Behalf Of Tim Sent: Thursday, January 11, 2007 6:34 PM To: [email protected] Subject: Re: [WSG] Site Question Dear Travis, You are asking a lot for a cut and paste job that it may take a lot of study to appreciate why you cannot slap a compliant site together with cut and paste and you should employ someone to make a template you can work with. Your page validates, but is not accessible. A couple of suggestions. It needs some meta META tags in the header. Language, Creation date content, keywords, etc. <meta name="Author"content="You" /> <meta name="language" content="en-uk" /> Using tables for layout requires much more attention to table headers and a summary. <th colspan="1" abbr="mobilephone"scope="col"title="About us">Services</th> You will be spammed to death with your email address in the page, create a contact page or hide the email address in some javascript. onclick="JavaScript:window.location='m'+'ail'+'to:' etc etc I had a few jobs making memorial webpages for deceased family members, offer clients an option of a memorial webpage, but contract the work out. Tim http://www.hereticpress.com On 12/01/2007, at 9:54 AM, Travis D. Falls wrote: > > > I am developing a site for my business. www.chamberlingranite.com. I > have pasted in the rendered code and the CSS. What I cant figure out > is: > > A I want the footer to appear at the bottom of the page not in the > middle when the content ends. > B I want to get that gradient to push down a bit. > > Any pointers would be greatly appreciated And if you see something > that you think just isnt done well let me know. I want to make this > the correct way. Thanks! > > Travis > > > *{ > margin:0px; > padding:0px; > border-collapse:collapse; > } > > html,body{ > } > > > body { > font-family:Verdana, Arial, Serif; > font-size:100%; > width:100%; > vertical-align:top; > text-align:center; > background-image:url("images/BackgroundTileColor.jpg"); > } > > a{ > text-decoration:none; > } > > a:hover{ > text-decoration:underline; > } > > #Container{ > width:100%; > height:100%; > margin-top:30px; > vertical-align:top; > text-align:left; > background-position:35% left; > background-image:url("images/BackgroundTile.jpg"); > background-repeat:repeat-x; > } > > #TopNav{ > position:absolute; > right:300px; > top:5px; > } > > #TopNav tr td a{ > color:#ffffff; > font-size:85%; > padding-left:10px; > padding-right:10px; > } > > #Utilities{ > position:absolute; > right:23px; > top:5px; > } > > #Utilities tr td a{ > font-size:80%; > color:#666699; > } > > #Utilities tr td a:hover{ > color:#ffffff; > } > > > #Header{ > background-image:url("images/TopBar.jpg"); > background-repeat:repeat-x; > width:100%; > height:68px; > } > > #Logo{ > background-image:url("images/Logo.jpg"); > background-repeat:no-repeat; > background-position:left center; > margin-top:6px; > margin-left:20px; > width:210px; > height:57px; > } > > #CatchPhrase{ > position:absolute; > right:20px; > top:66px; > } > > #CatchPhrase span{ > font-weight:400; > font-family:Verdana, Arial; > color:#000066; > font-size:200%; > } > > #Main{ > margin:auto; > margin-top:15px; > width:988px; > text-align:left; > } > > #Countertops{ > z-index:200; > background-image:url("images/Countertop.jpg"); > background-repeat:no-repeat; > width:321px; > height:278px; > border-left:solid 2px #ffffff; > border-top:solid 2px #ffffff; > border-bottom:solid 2px #ffffff; > } > > #Countertops:hover{ > background-image:url("images/CountertopOn.jpg"); > } > > #CountertopsMessage{ > z-index:100; > width:321px; > height:278px; > display:none; > } > > #CountertopsMessage:hover{ > display:block; > } > > #Landscape > { > z-index:100; > width:349px; > height:278px; > background-image:url("images/Landscape.jpg"); > background-repeat:no-repeat; > border-top:solid 2px #ffffff; > border-bottom:solid 2px #ffffff; > } > > #Landscape:hover{ > background-image:url("images/LandscapeOn.jpg"); > } > > #LandscapeMessage > { > z-index:200; > width:349px; > height:278px; > display:none; > } > > #LandscapeMessage:hover > { > display:block; > } > > #Memorials > { > z-index:100; > width:318px; > height:278px; > background-image:url("images/Memorial.jpg"); > background-repeat:no-repeat; > border-right:solid 2px #ffffff; > border-top:solid 2px #ffffff; > border-bottom:solid 2px #ffffff; > } > > #Memorials:hover{ > background-image:url("images/MemorialOn.jpg"); > } > > #MemorialsMessage > { > > z-index:200; > width:318px; > height:278px; > display:none; > } > > #MemorialsMessage:hover > { > display:block; > } > > #Products td > { > margin:0px; > padding:0px; > border-collapse:collapse; > } > > #ProductTitles > { > text-align:center; > } > > #ProductTitles h1{ > color:#ffffff; > font-size:150%; > font-weight:lighter; > } > > #MainContent > { > margin:auto; > margin-top:30px; > vertical-align:top; > width:988px; > text-align:left; > font-size:90%; > } > > #MainContent td{ > vertical-align:top; > text-align:left; > padding-left:15px; > } > > #MainContent h2{ > color:#000066; > font-size:110%; > padding-bottom:6px; > } > > #MainContent ul,li,a, td{ > font-size:100%; > color:#ffffff; > } > > #MainContent ul > { > list-style-type:none; > } > > #MainContent li > { > padding-bottom:12px; > } > > #ContactUs > { > width:321px; > } > > #SeniorLeadership > { > width:349px; > text-align:left; > } > > #SeniorLeadership td > { > padding-bottom:20px; > } > > #SeniorLeadership table tr > { > padding-top:6px; > } > > #Footer{ > font-size:80%; > color:#ffffff; > text-align:center; > vertical-align:top; > width:100%; > height:107px; > background-image:url("images/Watermark.jpg"); > background-repeat:no-repeat; > background-position:90% 90%; > } > > .Hidden{ > display:none; > height:0px; > width:0px; > } > > .Center{ > text-align:center; > } > > .Date{ > font-style:italic; > font-size:90%; > padding-right:12px; > color:#cccccc; > } > > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > <html xmlns="http://www.w3.org/1999/xhtml"; > > <head><title> > Chamberlin Granite Co : Home > </title><link href="App_Themes/DarkBlue/StyleSheet.css" > type="text/css" rel="stylesheet" /></head> > <body> > <form name="aspnetForm" method="post" action="Default.aspx" > id="aspnetForm"> > <div> > <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" > value="/wEPDwUKLTcwODg1MTE2NmRkdB5f0SnAaKGp0CGkloZpc7JvZ30=" /> > </div> > > > <table id="Container"> > <tr> > <td> > <table id="TopNav"> > <tr> > <td> > <a href="#">Product > Catalog</a></td> > <td> > <a href="#">About Us</a></td> > <td> > <a href="#">Contact Us</a></td> > <td> > <a href="#">Find a > Location</a></td> > </tr> > </table> <!-- Ends TopNav --> > > <table id="Utilities"> > <tr> > <td id="SignIn"> > <a href="#">Sign In</a></td> > </tr> > </table> <!-- Ends Utilities --> > > <div id="Header"> > <div id="Logo"><span > class="Hidden">Chamberlin Granite Co.</span></div> > <div id="CatchPhrase"><span>Celebrating > What Matters Most.</span></div> <!-- Ends CatchPhrase --> > </div> <!-- Ends Header --> > > > > <div class="Center"> > <table id="Main"> > <tr id="Products"> > <td id="Countertops"> > > </td> > <td id="Landscape"> > </td> > <td id="Memorials"> > </td> > </tr> > > <tr id="ProductTitles"> > <td id="CountertopTitle"><h1>Countertops</h1></td> > <td id="LandscapeTitle"><h1>Landscape > Products</h1></td> > <td id="MemorialsTitle"><h1>Family & Civic > Memorials</h1></td> > </tr> > </table> > <table id="MainContent"> > <tr id="Data"> > <td id="ContactUs"> > <h2>Contact Us</h2> > <ul> > <li>(860) 480-3634</li> > <li><a > href="mailto:[EMAIL PROTECTED] Granite > Co.">[EMAIL PROTECTED]</a></li> > <li>11 ArborRidge Road<br /> > Torrington CT, 06790 > </li> > </ul> > </td> > <td id="SeniorLeadership"> > <h2>Senior Leadership</h2> > <table> > <tr> > <td><img > src="App_Themes/DarkBlue/images/TysonCEO.jpg" alt="Tyson Chamberlin- > CEO" /></td> > <td>Tyson Chamberlin - CEO</td> > </tr> > <tr> > <td><img alt="Travis D. Falls- CIO" > src="App_Themes/DarkBlue/images/TravisCIO.jpg" /></td> > <td>Travis D. Falls - CIO</td> > </tr> > </table> > </td> > <td id="News"> > <h2>News</h2> > <ul> > <li><span class="Date">01.08.2007</span>12 ft. > Side Yard Setback Variance Granted.</li> > </ul> > </td> > </tr> > </table> > </div> > > <div id="Footer"><span>© - 2007. > Chamberlin Granite Co. All Rights Reserved.</span></div><!-- Ends > Footer --> > </td> > </tr> > </table> <!-- Ends Container --> > </form> > </body> > </html> > > ******************************************************************* > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: [EMAIL PROTECTED] > ******************************************************************* The Editor Heretic Press http://www.hereticpress.com Email [EMAIL PROTECTED] ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ******************************************************************* ******************************************************************* List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *******************************************************************
