Any ideas why this CSS has no affect on FF but does on IE?

**Techmonkey** · 12-04-2008, 02:50 PM

I am customising some menu's and have the following code:

Code:

<td class="thead"><div id="tm_forumnav_head"><a href="http:www.mysite.co.uk/dev2/forums/forumdisplay.php?f=3">Information</a></div></td>

In my header template.

Then I have this CSS in the "Additional CSS Definitions" section:

Code:

#tm_forumnav_head { font-weight: bold; font-size: 30pt; }

In IE7 everything is fine. In Firefox, it is as though the CSS is completely ignored?

Any ideas?

**MsJac** · 12-04-2008, 11:17 PM

hmmm - could be because the thead already has font-weight and font-size set... Also - you might try using pixels for the size attribute = 30px instead of 30pt --- Adjust size as needed, as I'm not sure what the px to pt conversion is...

HTH,

Jacquii.

**Magnumutz** · 12-06-2008, 10:07 AM

Isn't it supposed to be ".tm_forumnav_head" instead of "#tm_forumnav_head"?

**Techmonkey** · 12-06-2008, 10:20 AM

Ok thanks for the help so far guys but it seems like none of the css I put in the additional CSS section at the bottom of the main CSS file has any affect in Firefox.

Changing the pre-defined css attributes in any other section codes affect FF?

ANy ideas?

Also why there 2 additional CSS boxes ?

**Rocket 442** · 12-06-2008, 10:20 AM

Quote:

Originally Posted by Magnumutz

Isn't it supposed to be ".tm_forumnav_head" instead of "#tm_forumnav_head"?

Yup.

# = id
. = class

**Techmonkey** · 12-06-2008, 10:24 AM

Quote:

Originally Posted by Magnumutz

Isn't it supposed to be ".tm_forumnav_head" instead of "#tm_forumnav_head"?

I dont think so it is a DIV ID not a class/

Quote:

=MsJac

It isnt just a the font any more it's anything in the additional CSS section?

**Techmonkey** · 12-06-2008, 10:28 AM

Quote:

Originally Posted by Rocket 442

Yup.

# = id
. = class

Just tried after reading this post and it has no affect either as a # or .

Could something else be wrong?

The site is at Techmonkeys.co.uk

You will see the difference in IE and FF

Here is all the aditional CSS code I have added in the 2nd additional CSS box.

Code:

/* ***** Custom Code ***** */
.td_logo_header_right {BACKGROUND: #DFDFDF; WIDTH: 100%}
.tr_logo_header_right {BGCOLOR: #DFDFDF; WIDTH: 100%;}

.asap {
position: absolute;
right: 0;
top: 0;
display: block;
height: 134px;
width: 148px;
background: url(http://www.techmonkeys.co.uk/dev2/fo...asapmember.png) no-repeat;
text-indent: -999em;
text-decoration: none;}

#tm_container ( width: 920px; margin: 0 Auto;}
#tm_header { width: 100%; float: left; clear: right;}
#tm_body { width: 80%; float: left; clear: right; }
#tm_footer { width: 100%; float: left; clear: right; }

.tm_forumnav_head { font-weight: bold; font-size: 10pt; }

.vbmenu_control_row2
{
	background: #B1C373;
	color: #FFFFFF;
	font: bold 15px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;
}
.vbmenu_control_row2 a:link, .vbmenu_control_row2_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control_row2 a:visited, .vbmenu_control_row2_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_control_row2 a:hover, .vbmenu_control_row2 a:active, .vbmenu_control_row2_ahover
{
	color: #FFFFFF;
	text-decoration: underline;
}
.tm_tborder {
width: 920px;
}
.younew {
color: #AACE48;
font-size: 25pt;
font-weight: bold;
}
.tech {
color: #AACE48;
font-size: 12pt;
background-color: #ffffff;
}
.monkeys {
color: #966334;
font-weight: bold;
font-size: 12pt;
background-color: #ffffff;
}
.forumnav {
height: 30px;
width: 920px;
background-colour: #B1C373;
}

.tm_tcat
{
background: #EBEBEB url(http://www.techmonkeys.co.uk/dev2/fo...sc/tm_tcat.gif) no-repeat left top;     
color: #f4fbfd;     

color: #FFFFFF;
font: bold 12pt verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}

.tm_title {
font-size: 12pt;
font-color: #7E7E7E;
}

.tm_recentthreads{
font-size: 12pt;
font-weight: bold;
font-color: #94C412;
}
.tm_recentthreads a {
text-decoration: none;
}
.tm_recentthreads a:hover {
text-decoration: underline;
}
tm_recentthreads_date {
font-color: #AAAAAA;
font-weight: bold;
}

**Rocket 442** · 12-06-2008, 05:35 PM

I see quite a few differences between IE and FF, and even more in Chrome. Chances are that means there is something(s) that are triggering more than one error.

If I were you, I'd make sure to look in the .vbmenu_control_row2 area just as much as the tm_forumnav_head area.

Also, I'm not sure why you have the _head at the end of the tm_forumnav, because if you look here, there is no _head there, or anywhere else

HTML Code:

<tr class="forumnav"> 
<td id="forumnav_info" class="vbmenu_control_row2"> 
    <a href="http://forum.vbulletinsetup.com/f18/#">Information</a> 
    <script type="text/javascript"> 
        vbmenu_register("forumnav_info");
    </script>

So first:
I would try to remove the _head from the tm_forumnav, save it then see if it fixes that problem. if not, check to make sure that the more specific ruleset in "vbmenu_control_row2" is not interfering.