<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns="http://www.w3.org/TR/REC-html40" xmlns:v = 
"urn:schemas-microsoft-com:vml" xmlns:o = 
"urn:schemas-microsoft-com:office:office" xmlns:w = 
"urn:schemas-microsoft-com:office:word" xmlns:m = 
"http://schemas.microsoft.com/office/2004/12/omml"><HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=us-ascii">


<META content="MSHTML 6.00.2900.3492" name=GENERATOR>
<STYLE>@font-face {
        font-family: Cambria Math;
}
@font-face {
        font-family: Calibri;
}
@page Section1 {size: 612.0pt 792.0pt; margin: 72.0pt 72.0pt 72.0pt 72.0pt; }
P.MsoNormal {
        FONT-SIZE: 11pt; MARGIN: 0cm 0cm 0pt; FONT-FAMILY: "Calibri","sans-serif"
}
LI.MsoNormal {
        FONT-SIZE: 11pt; MARGIN: 0cm 0cm 0pt; FONT-FAMILY: "Calibri","sans-serif"
}
DIV.MsoNormal {
        FONT-SIZE: 11pt; MARGIN: 0cm 0cm 0pt; FONT-FAMILY: "Calibri","sans-serif"
}
A:link {
        COLOR: blue; TEXT-DECORATION: underline; mso-style-priority: 99
}
SPAN.MsoHyperlink {
        COLOR: blue; TEXT-DECORATION: underline; mso-style-priority: 99
}
A:visited {
        COLOR: purple; TEXT-DECORATION: underline; mso-style-priority: 99
}
SPAN.MsoHyperlinkFollowed {
        COLOR: purple; TEXT-DECORATION: underline; mso-style-priority: 99
}
SPAN.EmailStyle17 {
        COLOR: windowtext; FONT-FAMILY: "Calibri","sans-serif"; mso-style-type: personal-compose
}
.MsoChpDefault {
        mso-style-type: export-only
}
DIV.Section1 {
        page: Section1
}
</STYLE>
<!--[if gte mso 9]><xml>
 <o:shapedefaults v:ext="edit" spidmax="1026" />
</xml><![endif]--><!--[if gte mso 9]><xml>
 <o:shapelayout v:ext="edit">
  <o:idmap v:ext="edit" data="1" />
 </o:shapelayout></xml><![endif]--></HEAD>
<BODY lang=EN-NZ vLink=purple link=blue>
<DIV dir=ltr align=left><SPAN class=375175705-08042009><FONT face=Verdana 
color=#800000 size=2>Is the text part of a link? If not you're probably out of 
luck unless you make it so:</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=375175705-08042009><FONT face=Verdana 
color=#800000 size=2>&lt;a href="#"&gt;the text&lt;/a&gt;</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=375175705-08042009><FONT face=Verdana 
color=#800000 size=2></FONT></SPAN>&nbsp;</DIV>
<DIV dir=ltr align=left><SPAN class=375175705-08042009><FONT face=Verdana 
color=#800000 size=2>If already a link you probably want something like 
this:</FONT></SPAN></DIV>
<DIV dir=ltr align=left><SPAN class=375175705-08042009><FONT face=Verdana 
color=#800000 size=2></FONT></SPAN>&nbsp;</DIV>
<DIV dir=ltr align=left><SPAN class=375175705-08042009>
<P class=MsoNormal>td. MenuButton<SPAN class=375175705-08042009> a</SPAN>:hover 
{<o:p></o:p></P>
<P 
class=MsoNormal>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
color:<B><SPAN style="COLOR: red">RED</SPAN></B>;<o:p></o:p></P>
<P 
class=MsoNormal>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
font-weight: Bold;<o:p></o:p></P>
<P class=MsoNormal>}<o:p></o:p></P></SPAN></DIV>
<DIV>&nbsp;</DIV>
<DIV><SPAN class=375175705-08042009></SPAN><FONT face=Calibri>c<SPAN 
class=375175705-08042009>heers,</SPAN></FONT></DIV>
<DIV><SPAN class=375175705-08042009></SPAN><SPAN 
class=375175705-08042009></SPAN><FONT face=Calibri>S<SPAN 
class=375175705-08042009>teve</SPAN></FONT><BR></DIV>
<BLOCKQUOTE dir=ltr 
style="PADDING-LEFT: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: #800000 2px solid; MARGIN-RIGHT: 0px">
  <DIV class=OutlookMessageHeader lang=en-us dir=ltr align=left>
  <HR tabIndex=-1>
  <FONT face=Tahoma size=2><B>From:</B> PDS - John [mailto:John@padasy.co.nz] 
  <BR><B>Sent:</B> Wednesday, 8 April 2009 3:32 p.m.<BR><B>To:</B> 'NZ Borland 
  Developers Group - Delphi List'<BR><B>Subject:</B> [DUG] web 
  hover<BR></FONT><BR></DIV>
  <DIV></DIV>
  <DIV class=Section1>
  <P class=MsoNormal>Hi web gurus<o:p></o:p></P>
  <P class=MsoNormal><o:p>&nbsp;</o:p></P>
  <P class=MsoNormal>I have a table with background image and a text in front. 
  I'd like to have a separate HOVER colour for this text ( so not the same hover 
  as elswhere on the page).<o:p></o:p></P>
  <P class=MsoNormal>How can I do this?<o:p></o:p></P>
  <P class=MsoNormal><o:p>&nbsp;</o:p></P>
  <P class=MsoNormal>I have the following CSS showing the image and the text, 
  but does not show the <B><SPAN style="COLOR: red">RED</SPAN></B> hover for 
  this MenuButton associated text:<o:p></o:p></P>
  <P class=MsoNormal><o:p>&nbsp;</o:p></P>
  <P class=MsoNormal>td.MenuButton {<o:p></o:p></P>
  <P 
  class=MsoNormal>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
  background: url(Images/MenuButtons/btnEmpty.gif) no-repeat 
  center;<o:p></o:p></P>
  <P class=MsoNormal>}<o:p></o:p></P>
  <P class=MsoNormal><o:p>&nbsp;</o:p></P>
  <P class=MsoNormal>td. MenuButton:hover {<o:p></o:p></P>
  <P 
  class=MsoNormal>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
  color:<B><SPAN style="COLOR: red">RED</SPAN></B>;<o:p></o:p></P>
  <P 
  class=MsoNormal>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
  font-weight: Bold;<o:p></o:p></P>
  <P class=MsoNormal>}<o:p></o:p></P>
  <P class=MsoNormal><o:p>&nbsp;</o:p></P>
  <P class=MsoNormal>a:hover {<o:p></o:p></P>
  <P 
  class=MsoNormal>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
  color:<SPAN style="COLOR: #1f497d">Yellow</SPAN>;<o:p></o:p></P>
  <P class=MsoNormal>}<o:p></o:p></P>
  <P class=MsoNormal><o:p>&nbsp;</o:p></P>
  <P class=MsoNormal>Thanks a lot<o:p></o:p></P>
  <P class=MsoNormal>John C<o:p></o:p></P></DIV>
  <P><FONT face=Arial size=2>No virus found in this incoming message.<BR>Checked 
  by AVG - www.avg.com<BR>Version: 8.0.238 / Virus Database: 270.11.23/2016 - 
  Release Date: 04/07/09 17:53:00<BR></FONT></P>
  <P><FONT face=Arial size=2></FONT></P></BLOCKQUOTE></BODY></HTML>