Hello! I am still getting my feet wet in writing code and would appreciate some pointers. I have the site almost finished, but I can't get the table aligned. It needs to be about .25" above where the interstate poles start and centered in between them. The html and css code is as follows:
html:
Thanks for any pointers!!!
html:
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
<[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
<html>
<head>
<title>Hallmark Automotive Group</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="keywords" content="Nashville Hyundai | New Cars | Used Cars | Best Price | Sonata | Tucson | Santa Fe | Genesis | Tennessee | Certified Used Cars " />
<meta name="description" content="Nashville, Cool Springs, Franklin, Hendersonville, Madison, TN, Hyundai, Used Cars, New Cars, Best Price, Certified, Best Gas Mileage, Hyundai, Mitsubishi, Volkswagen, Passat, Eos, Jetta, Accent, Sonata, Santa Fe, Tucson, Elantra, Tiburon, Accent, Eclipse, Outlander, Galant, Lancer, Endeavor, Spyder, Good Credit, Bad Credit, Tennesee, 37115, 37075, 37065, Gallatin, Madison " />
<meta name="author" content="Hallmark Automotive Group" />
<meta name="robots" content="index, follow" />
<meta name="expires" content="never" />
<meta name="distribution" content="global" />
<meta http-equiv="X-UA-Compatible" content="chrome=1"/>
<link href="oneColFixCtrx.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<h1><strong>Hallmark Automotive Group</strong></h1>
<p><img src="images/HALLMARK-NLogo.png" alt="hallmark logo" width="648" height="393" class="logo" longdesc="images/HALLMARK-NLogo.png" /></p>
<div id="interstate_wrapper">
<table id="interstate" cellspacing="10" cellpadding="5">
<div id="interstate table">
<table>
<div id="interstate th">
<tr>
<th><h2><a href="[URL unfurl="true"]http://www.Hallmarkvwcoolsprings.com">[/URL] <img src="images/Das-Auto-logos.png" alt="das logo" width="97" height="97" border="0" longdesc="images/Das-Auto-logos.png" /></a></h2></th>
<th><h2><a href="[URL unfurl="true"]http://www.Hallmarkhendersonville.com">[/URL] <img src="images/nhyund.png" alt="hyundai" width="144" height="97" border="0" longdesc="images/nhyund.png" /></a></h2></th>
<th><a href="[URL unfurl="true"]http://www.hallmarkmitsubishi.com/index.htm?[/URL] accountId=hallmarkauto"><img src="images/Mitsu.png" alt="mitsubishi" width="78" height="101" border="0" longdesc="images/mitsu.png" /></a></th>
<th><h2><a href="[URL unfurl="true"]http://www.Hallmarkvw.com"><img[/URL] src="images/Das-Auto- logos.png" alt="das" width="97" height="97" border="0" longdesc="images/Das-Auto- logos.png" /></a></h2></th>
</tr>
<tr>
<td><strong>HALLMARK<strong></td>
<td><strong>HALLMARK<strong></td>
<td><strong>HALLMARK<strong></td>
<td><strong>NASHVILLE'S<strong></td>
</tr>
<tr>
<td><strong>VOLKSWAGEN<strong></td>
<td><strong>HYUNDAI<strong></td>
<td><strong>MITSUBISHI<strong></td>
<td><strong>HALLMARK<strong></td>
</tr>
<tr>
<td><strong>COOL SPRINGS<strong></td>
<td>1198 West Main St.</td>
<td>2431 Gallatin Road</td>
<td><strong>VOLKSWAGEN<strong></td>
</tr>
<tr>
<td>620 Bakers Bridge</td>
<td>Hendersonville, TN</td>
<td>North Madison, TN</td>
<td>2431 Gallatin Road</td>
</tr>
<tr>
<td>Avenue</td>
<td>37075</td>
<td>37115</td>
<td>North Madison, TN</td>
</tr>
<tr>
<td>Franklin, TN 37067</td>
<td>888-290-5174</td>
<td>800-759-3222</td>
<td>37115</td>
</tr>
<tr>
<td>887-800-8015</td>
<td></br></td>
<td></br></td>
<td>800-759-3222</td>
<tr>
<tr>
<td></br></td>
<td></br></td>
<td></br></td>
<td></br></td>
<tr>
<td></br></td>
<td></br></td>
<td></br></td>
<td></br></td>
<tr>
<tr>
<td colspan="2"><a href="[URL unfurl="true"]http://www.autobase.com/cgi/list.exe?[/URL] dealer=hallag"><img src="images/pre.png" alt="preowned" width="180" height="54" border="0" longdesc="images/pre.png" /></a></td>
<td colspan="2"><a href="[URL unfurl="true"]http://www.autobase.com/cgi/list.exe?[/URL] type=new&dealer=hallag"><img src="images/new.png" alt="new" width="180" height="54" border="0" longdesc="images/new.png" /></a></td>
<tr>
<tr>
<td colspan="4"></br></td>
</tr>
<tr>
<td colspan="4"></br></td>
</tr>
<tr>
<td colspan="4">2431 Gallatin Road North Madison, TN 37115</td>
</tr>
</div>
</div>
</table>
</div>
</div>
</div>
</body>
</html>
css:
@charset "UTF-8";
body {
padding: 0;
color: #000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
line-height: 1.4;
background-color: #004CA9;
background-image: url(images/bkgls.png);
background-repeat: no-repeat;
text-align: center;
display: block;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
background-position: center top;
}
.logo {
display: block;
width: 648px;
margin-right: auto;
margin-left: auto;
}
header {
color: #FFF;
}
#container {
width: 960px;
height: 884px;
margin:0 auto; /**centered**/
border:none;
background:url(images/bkgls.png) no-repeat;
}
/**COMPANY NAME**/
h1 {
font-size: 48px;
margin:0;
padding:0
color: #FFF; color: #FFF;
}
#interstate_wrapper {
width: 864px;
height: 460px;
margin:0 auto; /**centered**/
background-image: url(images/bsign.png);
background-repeat: no-repeat;
}
#interstate table, td, th, tr
{
border:0px solid green;
width: 180px;
margin-right:0 auto; /**centered**/
margin-left:0 auto; /**centered**/
text-align:center;
vertical-align:middle;
}
th
{
width: 180px;
margin-right:0 auto; /**centered**/
margin-left:100p; /**centered**/
background:green;
border: 3px solid silver;
color: #FFF;
/**rounded borders**/
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
text-align:center;
vertical-align:middle;
}
td
{
width: 180px;
color: #FFF;
margin-right:0 auto; /**centered**/
margin-left:0 auto; /**centered**/
text-align:center;
vertical-align:middle;
}
/**END INTERSTATE TABLE**/Thanks for any pointers!!!
