this is easy<br />
<br />
what i want to do is: when the user positions the cursor over one of the menu options, i want the font colour to be changed from the standard color to a white font so the user knows what is highlighted.<br />
<br />
here is the code.<br />
<br />
<style type="text/css"> <br />
<br />
<br />
.menu-normal {}<br />
.menu-over {color: #ffffff;}<br />
</style><br />
</head><br />
<body background="images/Menu.gif"><br />
<!--Image 1--><br />
<table cellpadding="5" cellspacing="5"><br />
<tr><br />
<td class="menu-normal" onmouseover="this.className='menu-over';" onmouseout="this.className='menu-normal';"><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Body.htm" target="Body"><b>HOME</b></a></td><br />
</tr><br />
<br />
i can change the whole background of the cell by typing background colour, but cannot change the text only.<br />
<br />
thanks in advance<!--content--><body background="images/Menu.gif"> <br />
<!--Image 1--> <br />
<table cellpadding="5" cellspacing="5"> <br />
<tr> <br />
<td name="area1" onmouseover="this.style.color='white'" onmouseout="this.style.color='black';"> <br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Body.htm" target="Body"><b>HOME</b></a></td> <br />
</tr><!--content-->body {<br />
margin:0;<br />
padding:0;<br />
background-image:url(images/Menu.gif);<br />
}<br />
#menu a {<br />
color:#0F0;<br />
font-weight:bold;<br />
}<br />
#menu a:hover {<br />
color: #FFF;<br />
}<br />
<br />
<body><br />
<table cellpadding="5" cellspacing="5"><br />
<tr><br />
<td><br />
<div id="menu"><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Body.htm" target="Body">HOME</a><br />
</div><br />
</td><br />
</tr><br />
<br />
You might want to use a styled <ul> tag instead of the <div> tag.<br />
<br />
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/taminglists/">http://www.alistapart.com/articles/taminglists/</a><!-- m --><!--content-->
<br />
what i want to do is: when the user positions the cursor over one of the menu options, i want the font colour to be changed from the standard color to a white font so the user knows what is highlighted.<br />
<br />
here is the code.<br />
<br />
<style type="text/css"> <br />
<br />
<br />
.menu-normal {}<br />
.menu-over {color: #ffffff;}<br />
</style><br />
</head><br />
<body background="images/Menu.gif"><br />
<!--Image 1--><br />
<table cellpadding="5" cellspacing="5"><br />
<tr><br />
<td class="menu-normal" onmouseover="this.className='menu-over';" onmouseout="this.className='menu-normal';"><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Body.htm" target="Body"><b>HOME</b></a></td><br />
</tr><br />
<br />
i can change the whole background of the cell by typing background colour, but cannot change the text only.<br />
<br />
thanks in advance<!--content--><body background="images/Menu.gif"> <br />
<!--Image 1--> <br />
<table cellpadding="5" cellspacing="5"> <br />
<tr> <br />
<td name="area1" onmouseover="this.style.color='white'" onmouseout="this.style.color='black';"> <br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Body.htm" target="Body"><b>HOME</b></a></td> <br />
</tr><!--content-->body {<br />
margin:0;<br />
padding:0;<br />
background-image:url(images/Menu.gif);<br />
}<br />
#menu a {<br />
color:#0F0;<br />
font-weight:bold;<br />
}<br />
#menu a:hover {<br />
color: #FFF;<br />
}<br />
<br />
<body><br />
<table cellpadding="5" cellspacing="5"><br />
<tr><br />
<td><br />
<div id="menu"><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Body.htm" target="Body">HOME</a><br />
</div><br />
</td><br />
</tr><br />
<br />
You might want to use a styled <ul> tag instead of the <div> tag.<br />
<br />
<!-- m --><a class="postlink" href="http://www.alistapart.com/articles/taminglists/">http://www.alistapart.com/articles/taminglists/</a><!-- m --><!--content-->