PDA

View Full Version : inconsistent hover states


scotty_perey
07-01-2006, 09:17 PM
Hi, I am applying link states via CSS. The unselected state is white and the hover state is green. I just noticed that some links are switching to green when the mouse is over them, but others aren't. I've examined the code over and over, and I can't find any differences in the code between the links that are switching to the "hover color" and those that aren't. What could I be overlooking? Here's the code (the only links that don't switch to the hover color are "fair blog" "1992-2002" and "visit the Oregon Country Fair):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="keywords" content="Giudici Kirk Giudici business consulting Jade Forest Elms real estate agent Rya Elms Giudici Daisy Elms Giudici Oregon Country Fair Rising Moon Organics Eugene Oregon"/>
<meta name="description" content="Come visit the Giudici Family in Eugene Oregon and see what they've been up to since selling their business of fifteen years, Rising Moon Organics. Kirk, Jade, Rya, and Daisy welcome you to their online collection of slideshows, blogs, stories, and collectible figurines. Kirk is now offering his expertise as a business consultant and, oh yes, and did someone say, Oregon Country Fair?"/>
<title>Giudici's Oregon Country Fair Page</title>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x ; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
<link href="giudici_styles.css" rel="stylesheet" type="text/css">
<style type="text/css">
<!--
-->
</style></head>

<body onLoad="MM_preloadImages('BUTTONS/button_home_over.gif','BUTTONS/button_kirk_over.gif','BUTTONS/button_jade_over.gif','BUTTONS/button_rya_over.gif','BUTTONS/button_daisy_over.gif','BUTTONS/button_fair_over.gif')">
s
<table width="760" align="left" cellpadding="0" cellspacing="0" bordercolor="#000000" bgcolor="#9B3301">
<tr>
<td width="390"><div align="left">Headers/giudici_header.gif</div></td>
<td width="116">Headers/drummerboy_header.jpg</td>
<td width="124">Headers/mothersmiling_header.jpg</td>
<td width="120">Headers/tubaboy_header.jpg</td>
</tr>
<tr>
<td valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" bordercolor="#000000" class="bigimage">
<tr>
<td rowspan="6" bordercolor="#000000" bgcolor="993366">IMAGES/BIG%20IMAGES/balloonLady_fair.gif</td>
<td class="navbuttons">BUTTONS/button_home.gif (index.htm)</td>
</tr>
<tr>
<td class="navbuttons">BUTTONS/button_kirk.gif (kirk.htm)</td>
</tr>
<tr>
<td class="navbuttons">BUTTONS/button_jade.gif (jade.htm)</td>
</tr>
<tr>
<td class="navbuttons">BUTTONS/button_rya.gif (rya.htm)</td>
</tr>
<tr>
<td class="navbuttons">BUTTONS/button_daisy.gif (daisy.htm)</td>
</tr>
<tr>
<td class="navBottombutton">BUTTONS/button_fair_selected.gif (#)</td>
</tr>
</table></td>
<td colspan="3" valign="top" bgcolor="#9B3301"><table width="99%" border="0" cellpadding="0">
<tr>
<td width="10%">Spacers/spacer_33wide.gif</td>
<td colspan="2">

Welcome to Country Fair's Moon!</p>
</td>
<td width="25%" align="right" valign="top" class="email">email (mailto:office@oregoncountryfair.org)</td>
</tr>
<tr>
<td></td>
<td colspan="2">Here are some goodies to check out.</td>
<td>fair blog (http://risingmoonbooth.blogspot.com) </td>
</tr>
<tr>
<td></td>
<td colspan="3"><p align="left">Thanks to everyone who makes the magic happen each year! </p>
<p align="left">Have Fun.</p>
</td>
</tr>
<tr valign="top">
<td rowspan="2"></td>
<td height="20" colspan="3" align="center"></td>
</tr>
<tr valign="top">
<td colspan="3" rowspan="4" valign="bottom"><div align="left">1992-2002 (fair_photosOCF1.htm)</div>
<div align="left">2003 (fair_photos2003.htm)</div>
<div align="center"></div>
<div align="left">2004 (fair_photos2004.htm)</div>
<div align="left">2005 (fair_photos2005.htm)

<a href="#">2006
</a> </div></td>
</tr>
<tr valign="top">
<td></td>
</tr>
<tr valign="top">
<td></td>
</tr>
<tr valign="top">
<td></td>
</tr>
<tr valign="top">
<td colspan="4">

</p>
<p align="center">Visit the Oregon Country Fair! (http://www.oregoncountryfair.org) </p>
<p align="center"></p>
<p align="right">Need Quicktime?

Free download here! (http://www.apple.com/quicktime/download/mac.html) </p>
</td>
</tr>
<tr valign="top">
<td colspan="4"></td>
</tr>
<tr valign="top">
<td colspan="4"></td>
</tr>
</table>


</p>


</p>


</p>


</p>


</p></td>
</tr>
</table>

</body>
</html>


Thanks!

d a v e
07-02-2006, 07:49 AM
what's your css? have you checked to make sure they appear in this order in your stylesheet
Link, Visited, Hover, Focus, Active

scotty_perey
07-02-2006, 09:30 AM
oops... and I knew that, too!

they were in the order of link-hover-visited... I switched hover and visited, and now it works fine.

thanks!!!