I've been working on my CMPS a bit today, just cleaning up some blocks and generally tidying up some of the navgation bits.
If you view
my site, on the left side of the portal is a block titled "Reviews and Interviews". I put in some simple table cell mousovers, like so:
Code:
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=1055"><ilayer><layer id="nav" bgColor="#444444" width="100%" onMouseover="this.bgColor='#555555';" onMouseout="this.bgColor='#444444';"><span class="portalnav">Steve Bello</span></a></layer></ilayer></td></tr>
I'm using onMousover for IE, and ILAYER for (what I thought) Mozilla/Netscape. The actual mousovers work just fine in both browsers, but for some reason Firefox is leaving a small gray line under each of the actual links, like this:
This doesn't happen in IE, naturally.
What am I missing here? I really like the look of the new module, and I'm a sucker for mousovers - they're CSS and any movement on a page makes it a little more "organic" in my opinion. However the fact that Firefox does this makes it so that it's something I either have to fix or do without. My CSS for "portalnav" (the actual links) is as follows:
Code:
.portalnav
{
color:#FFCC00;
font: bold 10px verdana;
Text-Decoration: none;
}
Any insight would really be appreciated.
Pulling it outside of the main definition is the same result:
Code:
.portalnav
{
color:#FFCC00;
font: bold 10px verdana;
}
.portalnav a, .portalnav a:link, .portalnav a:visited, .portalnav a:hover, .portalnav a:active {text-decoration:none;};
[high]* Guest210212002 goes insane[/high]
Update 3: New code, no ilayers, global span call, underlines are gone, but so is my formatting.
[high]* Guest210212002 laughs maniacally
[/high]
Code:
<td class="alt1"><table border="0" width="100%" class="portalartist">
<tr><td align="center" width="170" style="background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=1055">Steve Bello</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?p=89657">Chris Broderick</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=375">Ben Carroll</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=1287">Rusty Cooley</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?p=164860">Doug Doppler</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=11640">St?phan Fort?</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=9282">End Theory</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=755">Francesco Fareri</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=1316">Rob Johnson</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=1202">Tom Kopyto</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=753">Vince LuPone</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=4806">Buz McGrath</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=9842">Nils Norberg</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=2459">Steve Smyth</span></a></td></tr>
<tr><td align="center" style="width:100%; background-color:#444444" onMouseover="this.style.backgroundColor='#555555';" onMouseout="this.style.backgroundColor='#444444';"><a href="http://www.sevenstring.org/forum/showthread.php?t=1733">Dave Weiner</a></td></tr>
</table></td>
Aaaand I got it.
Awright, got it if anyone cares.
I added this definition:
Code:
.portalartist a, .portalartist a:link, .portalartist a:visited, .portalartist a:hover, .portalartist a:active {
text-decoration:none;
color: #2886B6;
font: bold 10px verdana;
}
Plus the original portalartist:
Code:
.portalartist
{
color:#2886B6;
font: bold 10px verdana;
Text-Decoration: none;
}
And used a global class in the table call itself, rather than individual spans for the table (eg: table class="portalartist")
More Information