PDA

View Full Version : More Mozilla / Cross-Browser Madness, table mousovers

Guest210212002
07-31-2006, 01:32 PM
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 (http://www.sevenstring.org/), on the left side of the portal is a block titled "Reviews and Interviews". I put in some simple table cell mousovers, like so:


<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:

http://www.sevenstring.org/chris/ff_hate1.jpg

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:


.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:


.portalnav
{
color:#FFCC00;
font: bold 10px verdana;
}

.portalnav a, .portalnav a:link, .portalnav a:visited, .portalnav a:hover, .portalnav a:active {text-decoration:none;};

* Guest210212002 goes insane

Update 3: New code, no ilayers, global span call, underlines are gone, but so is my formatting.

* Guest210212002 laughs maniacally


<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:



.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:


.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")