Hi all,
I'm no CSS expert but I've never had much trouble with them in IE before! This has really got me stuck.
The classes are defined in a seperate sheet, like so:
-- style.css --
a.cathead {
font-family : Arial, Helvetica;
color : #FFFFFF;
text-decoration : none;
FONT-SIZE : 12px;
font-weight: bold;
}
a.cathead:hover {
font-family : Arial, Helvetica;
color : #FF9900;
text-decoration : none;
FONT-SIZE : 12px;
font-weight: bold;
}
a.cathead:visited {
font-family : Arial, Helvetica;
color : #FFFFFF;
text-decoration : none;
FONT-SIZE : 12px;
font-weight: bold;
}
-- end style.css --
and are called in index.php
PHP Code:
if (in_array($c, $threetimes)) //If it's a multiple of 3, then it's on the end of a table row.
{
echo "<td width='25%' valign='top'><table width='100%' cellpadding='0' cellspacing='5' border='0'><tr><td bgcolor='$cR' align='center'><p><font face='Arial, Verdana, Helvetica' size='2' color='#FFFFFF'><b><a href='map.php?&sc1=$row[0]&catID=$row[0]' class='cathead'> $row[1]</a></b></font></p></td></tr><tr><td><p><font size='1'>$row[2]</font></p></td></tr></table></td><td width='3%' bgcolor='#FFFFFF'> </td></tr><tr>";
}
else
{
echo "<td width='25%' valign='top'><table width='100%' cellpadding='0' cellspacing='5' border='0'><tr><td bgcolor='$cR' align='center'><p><font face='Arial, Verdana, Helvetica' size='2' color='#FFFFFF'><b><a href='map.php?&sc1=$row[0]&catID=$row[0]' class='cathead'> $row[1]</a></b></font></p></td></tr><tr><td><p><font size='1'>$row[2]</font></p></td></tr></table></td><td width='3%' bgcolor='#FFFFFF'> </td>";
}
anyway, there are 25 records being printed out, into a 3-cell-wide table, so it goes records 1-3, new row, records 4-6, new row etc.
What is supposed to happen is that the category heading prints out as white 12pt bold, and when a mouseover occurs, the white heading changes to orange. This works SOMETIMES. Records 3,4,6,7 work correctly, as do 8,9 and 12... the ones that don't work just stay white.
The weird thing is that I know every repitition of that loop is going to print out exactly the same, with the class called the same way, spelt the same way etc.
So why does it sometimes work and sometimes not? And why do the links that don't mouseover still pick up that they should be white, 12pt bold etc, which is not the default, and yet not process the hover?
Any ideas? (*help, deadline!*)
Jen
