Go Back   vb.org Archive > vBulletin 3 Discussion > vB3 Design and Graphics Discussions
FAQ Community Calendar Today's Posts Search

Reply
 
Thread Tools Display Modes
  #1  
Old 07-31-2006, 01:32 PM
Guest210212002
Guest
 
Posts: n/a
Default More Mozilla / Cross-Browser Madness, table mousovers

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")
Reply With Quote
Reply


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 02:35 PM.


Powered by vBulletin® Version 3.8.12 by vBS
Copyright ©2000 - 2025, vBulletin Solutions Inc.
X vBulletin 3.8.12 by vBS Debug Information
  • Page Generation 0.03207 seconds
  • Memory Usage 2,169KB
  • Queries Executed 11 (?)
More Information
Template Usage:
  • (1)SHOWTHREAD
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_header_end
  • (1)ad_header_logo
  • (1)ad_navbar_below
  • (1)ad_showthread_beforeqr
  • (1)ad_showthread_firstpost
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (6)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)navbar
  • (3)navbar_link
  • (120)option
  • (1)post_thanks_box
  • (1)post_thanks_button
  • (1)post_thanks_javascript
  • (1)post_thanks_navbar_search
  • (1)post_thanks_postbit_info
  • (1)postbit
  • (1)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available:
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files:
  • ./showthread.php
  • ./global.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/class_hook.php
  • ./includes/modsystem_functions.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_post_thanks.php 

Hooks Called:
  • init_startup
  • init_startup_session_setup_start
  • init_startup_session_setup_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • style_fetch
  • cache_templates
  • global_start
  • parse_templates
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • forumjump
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • post_thanks_function_post_thanks_off_start
  • post_thanks_function_post_thanks_off_end
  • post_thanks_function_fetch_thanks_start
  • post_thanks_function_fetch_thanks_end
  • post_thanks_function_thanked_already_start
  • post_thanks_function_thanked_already_end
  • fetch_musername
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • post_thanks_function_can_thank_this_post_start
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • showthread_complete