Hi All,
Thanks for all contributions to forums - they have been very helpful for novice just starting out with first site. I can't seem to get the :hover function to work properly in the head.tlp file? The site is
www.alongcamebaby.ca/home.php
Where it says "Home | Shopping Cart | Contact Us" on the top right - rollover should be a grey - instead it goes pink as it is picking up the general settings. Does anyone spot anything wrong with the code below (have edited just to relevant parts-I think).
Thanks for any and all suggestions. Mike
Here is the code from head.tpl file that controls that part of site...
<table cellpadding="0" cellspacing="0" width="100%">
<tr>
<td class="HeadLogo"><a href="{$http_location}/home.php "><img src="{$ImagesDir}/acb_web_header1000x125.jpg" width="1000" height="125" alt="" /></a></td>
</tr>
<tr>
<td colspan="2" class="HeadThinLine"><img src="{$ImagesDir}/spacer.gif" class="Spc" alt="" /></td>
</tr>
</table>
<table cellpadding ="3" cellspacing="0" width="100%">
<col id="col1" width="79%">
<col id="col2" width="21%" >
<tr>
<td class="HeadLine" align=left valign=center >
{if $main ne "fast_lane_checkout"}
{if $usertype eq "C"}
{ include file="customer/search.tpl" }
{/if}
</td>
<td class="HeadLine" >
<a href="{$http_location}/home.php ">Home |</a>
<a href="{$http_location}/cart.php ">Shopping Cart |</a>
<a href="{$http_location}/help.php?section=contactus&mode=update ">Contact Us</a>
</td>
</tr>
</table>
.....
and from CSS file...
General styles
*/
BODY,DIV,TH,TD,P,INPUT,SELECT,TEXTAREA,TT {
FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
COLOR: #000000;
FONT-SIZE: 10px;
}
A:link {
COLOR: #000000;
TEXT-DECORATION: none;
}
A:visited {
COLOR: #000000;
TEXT-DECORATION: none;
}
A:hover {
COLOR: #f98185;
TEXT-DECORATION: underline;
}
A:active {
COLOR: #000000;
TEXT-DECORATION: none;
}
.HR {
COLOR: #DDDDDD;
HEIGHT: 1px;
}
HTML,BODY {
HEIGHT: 100%;
MARGIN: 0px;
PADDING: 0px;
BACKGROUND-COLOR: #FFFFFF;
}
FORM {
MARGIN: 0px;
}
TABLE,IMG {
BORDER: 0px;
}
/*
Header styles
*/
.HeadLine {
BACKGROUND-COLOR: #f98185;
}
A.HeadLine:link {
COLOR: #000000;
TEXT-DECORATION: underline;
}
A.HeadLine:hover {
COLOR: #666666;
TEXT-DECORATION: underline;
}
A.HeadLine:active {
COLOR: #666666;
TEXT-DECORATION: none;
}