Thanks Andy I will check it out yes I was only putting a single . before the class, the cut and paste must of messed that up. If I shouldn't be nesting things in the href that is probably the root of the problem. But, you'd think it would load messed up on each request, not just some.
-----Original Message----- From: Andy Matthews [mailto:[EMAIL PROTECTED] Sent: Wednesday, July 25, 2007 5:23 PM To: CF-Talk Subject: RE: CSS Refresh Crash in Firefox?? Not sure if it's just the way it came through in email, but your classes are setup incorrectly. A class definition should only have one . Before the name: ...myClassName Not ....myClassName Also, your HTML is invalid. The A tag should not have anything nested inside it, especially block level elements like you're trying to use. I'd recommend using a javascript function to change the color of the div on mouseover. jQuery is great for this sort of thing. www.jquery.com. $('.chanpod').hover(function(){ $(this).css('backgroundColor','#ccff00'); },function(){ $(this).css('backgroundColor','#ffffff'); }); That code will change the background color of a div, on mouse over, from white to a lime green. -----Original Message----- From: Paul Henderson [mailto:[EMAIL PROTECTED] Sent: Wednesday, July 25, 2007 3:36 PM To: CF-Talk Subject: RE: CSS Refresh Crash in Firefox?? Its basically one div pod that is crashing, as in the txt style doesn't apply and the div ends up appearing 3 times and one of the 3 is out of place. I didn't post the code originally because I was hoping it was a common bug, guess not. Here is the css: ....chanpod a { display: block; background-color: #454545; width: 580px; height: 121px; font-size: 11px; font-family: Verdana,Lucida-Sans; font-weight:normal; color:#FFFFFF; padding:0px 0px 0px 0px; margin-bottom: 5px; text-decoration:none; text-align:left; } ....chanpod a:hover { display: block; background-color: #989898; width: 580px; height: 121px; font-size: 11px; font-family: Verdana,Lucida-Sans; font-weight:normal; color:#FFFFFF; padding:0px 0px 0px 0px; margin-bottom: 5px; text-decoration:none; text-align:left; } And the actual HTML: <div class="chanpod"> <a href="divtest2.cfm"> <h1>Header</h1> <img src="images/img.gif" width="580" height="97" border="0" alt=""/></a></div> I'm trying to pull off a basic roll over affect so if the user rolls over the graphic or header the header (background-color) will change. Thanks in advance for any input. -----Original Message----- From: Andy Matthews [mailto:[EMAIL PROTECTED] Sent: Wednesday, July 25, 2007 4:22 PM To: CF-Talk Subject: RE: CSS Refresh Crash in Firefox?? Can you be a little more clear as to what you mean by "CSS crash"? Are you saying that the CSS doesn't work? Doesn't load? Do you have a site we could look at? andy -----Original Message----- From: Paul Henderson [mailto:[EMAIL PROTECTED] Sent: Wednesday, July 25, 2007 1:35 PM To: CF-Talk Subject: CSS Refresh Crash in Firefox?? This isn't exactly a cf issue but its happening on a .cfm page so plase bare with me. For some reason my css seems to partially crash, randomly on SOME refreshes in Firefox only.. On avg 8 out of 10 times the code will load fine. Is this a known Firefox bug? I'm a bit of a css rookie but I've tried about 5 different approaches to the code and the same random refresh crash happens. Any ideas? Thank you, -Paul ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~| Get the answers you are looking for on the ColdFusion Labs Forum direct from active programmers and developers. http://www.adobe.com/cfusion/webforums/forum/categories.cfm?forumid-72&catid=648 Archive: http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:284589 Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=11502.10531.4
