HTML Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Chaplane Accident Repair</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META http-equiv=TITLE content="">
<META content="" name=Description>
<META content="" name=keywords>
<META content=synaxissolutions.co.uk name=author>
<LINK href="images/chaplane.css" type=text/css rel=stylesheet>
<script type="text/javascript">
startList = function() {
if (document.all && document.getElementById) {
navRoot = document.getElementById("dmenu");
for (i=0; i < navRoot.childNodes.length; i++) {
node = navRoot.childNodes[i];
if (node.nodeName=="LI") {
node.onmouseover=function() {
this.className+=" over";
}
node.onmouseout=function() {
this.className=this.className.replace(" over", "");
}
}
}
}
}
window.onload=startList;
//-->
</script>
<META content="MSHTML 6.00.2800.1498" name=GENERATOR>
</HEAD>
<BODY bgColor=#ffffff leftMargin=0 topMargin=0 marginheight="0" marginwidth="0">
<TABLE cellSpacing=0 cellPadding=0 width=754 align=center border=0>
<TBODY>
<TR>
<TD vAlign=top align=left>
<div align="center"><img src="images/chaplanefont.gif" alt="Chaplane Accident Repair" width="648" height="75"><br>
<img src="images/Untitled-1.gif" alt="Chaplane Accident Repair" width="507" height="39"></div></TD>
</TR>
<TR>
<TD vAlign=top align=left>
<TABLE width=754 align=center cellPadding=0 cellSpacing=0 >
<TBODY>
<TR vAlign=top align=left>
<TD class="image" rowSpan=3><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="316" height="250">
<param name="movie" value="images/Movie2.swf">
<param name="quality" value="high">
<embed src="images/Movie2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="316" height="250"></embed>
</object></TD>
<TD width=6></TD>
<TD width=432 class="image" height=94 align=left valign="top" bgcolor="#FFFF99">
<ul class="topmenu" id="dmenu">
<li class="topmenuli"><a href="index.htm" class="topmenutitle">Home</a>
</li>
<li class="topmenuli"><a href="aboutus.htm" class="topmenutitle">About Us</a>
</li>
<li class="topmenuli"><a href="services.htm" class="topmenutitle">Services</a>
<ul class="submenuul">
<li class="submenuli"><a href="repair.htm">Car Repair</a></li>
<li class="submenuli"><a href="nonfault.htm">Non-Fault</a></li>
<li class="submenuli"><a href="light.htm">Light-Commercial</a></li>
<li class="submenuli"><a href="paintshop.htm">Spray Shop</a></li>
</ul>
</li>
<li class="topmenuli"><a href="approved.htm" class="topmenutitle">Approved Centre</a>
<ul class="submenuul">
<li class="submenuli"><a href="porsche.htm">Porsche</a></li>
<li class="submenuli"><a href="Honda.htm">Honda</a></li>
<li class="submenuli"><a href="Subaru.htm">Subaru</a></li>
</ul>
</li>
<li class="topmenuli"><a href="contacts.htm" class="topmenutitle">Contacts</a>
</ul>
<p> </p>
<p> </p>
<p> </p>
<p class="style2">Welcome to Chaplane Accident Repair Centre </p></TD>
</TR>
<TR>
<TD vAlign=top align=left width=6 height=5></TD>
<TD vAlign=top align=left width=432 height=5></TD></TR>
<TR>
<TD vAlign=top align=left width=6></TD>
<TD width=432 class="image" height=121 align=left vAlign=top bgcolor="#FF9933">
<TABLE width=425 border=0 align="center" cellPadding=0 cellSpacing=20>
<TBODY>
<TR>
<TD class=TextHome>At Chaplane Accident Repair Centre we have built a reputation for a professioinal service, this has lead us
....and anythign else you want to say</TD>
</TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD vAlign=top align=left height=6></TD></TR>
<TR>
<TD vAlign=top align=left>
<TABLE cellSpacing=0 cellPadding=0 width=754 align=center border=0>
<TBODY>
<TR vAlign=top align=left>
<TD width=316>
<TABLE height=191 cellSpacing=0 cellPadding=0 width=316 align=center
border=0>
<TBODY>
<TR>
<TD>
<TABLE height=187 cellSpacing=0 cellPadding=0 width=316 border=0>
<TBODY>
<TR align=left>
<TD height="187" class="image"><img src="images/chaplanebuilding.jpg" alt="Chaplane Accident Repair" width="316" height="187"></TD>
</TR>
</TBODY>
</TABLE> </TD>
</TR>
</TBODY></TABLE></TD>
<TD width=5></TD>
<TD width=432>
<TABLE cellSpacing=0 cellPadding=0 width=432 align=center border=0><TBODY>
<TR vAlign=top align=left>
<TD width=140>
<TABLE height=191 cellSpacing=0 cellPadding=0 width=140
align=center border=0>
<TBODY>
<TR>
<TD vAlign=top align=left width=138 height=72><img class="image1" src="images/chapman1.jpg" alt="Non Fault" width="138" height="72"></TD>
</TR>
<TR>
<TD>
<TABLE class="image" height=119 cellSpacing=14
cellPadding=0 width=140 border=0>
<TBODY>
<TR>
<TD vAlign=top class="fields" align=left width=140> We as a family firm pride ourselves on our professionalism...<br><br><BR>
<A href="aboutus.htm" class="style1">» Read More </A></TD>
</TR>
</TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD width=6></TD>
<TD width=140>
<TABLE height=191 cellSpacing=0 cellPadding=0 width=140
align=center border=0>
<TBODY>
<TR>
<TD vAlign=top align=left width=138 height=72><img class="image1" src="images/chapman2.jpg" alt="Non Fault" width="138" height="72"></TD>
</TR>
<TR>
<TD vAlign=top
align=left width=140 bgColor=#f7f7f7 height=119>
<TABLE class="image" height=119 cellSpacing=14
cellPadding=0 width=140 border=0>
<TBODY>
<TR>
<TD vAlign=top align=left width=140>Here at Chaplane repair we can provide you with a non -fault facility...<br><br>
<A href="nonfault.htm" class="style1">» Read More </A></TD>
</TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD>
<TD width=6></TD>
<TD width=140>
<TABLE height=191 cellSpacing=0 cellPadding=0 width=140
align=center border=0>
<TBODY>
<TR>
<TD vAlign=top align=left width=138 height=72><img class="image1" src="images/chapman3.jpg" alt="Services" width="138" height="72"></TD>
</TR>
<TR> <TD>
<TABLE class="image" height=119 cellSpacing=14
cellPadding=0 width=140 border=0>
<TBODY>
<TR>
<TD vAlign=top align=left width=140> We provide services across the repair field, from cars throught ot light commercial...<br>
<br>
<A href="services.htm" class="style1">» Read More </A></TD>
</TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR>
<TR>
<TD vAlign=top align=left>
<TABLE cellSpacing=0 cellPadding=0 width=754 align=center border=0>
<TBODY>
<TR vAlign=top align=left>
<TD class=TextFooter colSpan=2><img src="images/chaplanefooter.gif" width="754" height="22"></TD>
</TR>
<TR vAlign=top align=left>
<TD width=322 height="42" class=TextFooter><p>© 2005 Chaplane Accident Repair Centre.<br>
Porsche specialist repair centre </p> </TD>
<TD class=TextFooter width=432>45 Brunel Way , Severalls Industrial Park, Colchester, Essex Tel: 01206 853322<br>
Email: <A class=LinkFooter href="">info@chaplaneaccidentrepaircentre.co.uk</A><BR>
<A class=LinkFooter href="contacts.htm">Contact Us</A> | <A class=LinkFooter href="aboutus.htm">About Us </A> | <A class=LinkFooter href="sitemap.htm">Sitemap</A> | <A class=LinkFooter href="links.htm">Links</A>| <A class=LinkFooter href="terms.htm">Terms and Conditions</A></TD>
</TR></TBODY></TABLE></TD></TR></TBODY></TABLE></BODY></HTML>
CSS Code:
.topmenu {
}
.topmenuul{
list-style-type:none;
margin:0;
padding:0;
}
.topmenuli{
list-style-type:none;
float:left;
padding-left:8px;
padding-right:0px;
}
.submenuul{
list-style-type:none;
position:absolute;
top:131px;
margin: 0;
padding:0;
display:none;
}
.submenuli a{
display:block;
width:90px;
}
li:hover ul , li.over ul{ /* lists nested under hovered list items */
display: block;
}
/* menu design */
#dmenu {
font-family: Arial, Helvetica, Sans-Serif;
font-size:11px;
}
.topmenutitle {
color:#000000;
text-indent:5px;
text-decoration: none;
border-bottom:1px solid #000000;
border-left:1px solid #00000;
padding:3px;
line-height:14px;
}
.submenuul {
margin-top:1px;
background-color:#E7F7FF;
border-top:1px solid #000000;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
}
.submenuli a{
padding:1px;
text-decoration: none;
color: #000000;
}
.submenuli a:hover{
text-decoration: none;
background:#336699;
color: #FFFFFF;
}
02-Nov-2005, 08:59
2nd Week of IA Training by crystalattice
Similar Threads
