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 can’t 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 isn’t 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]
*******************************************************************
