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
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~|
ColdFusion is delivering applications solutions at at top companies
around the world in government. Find out how and where now
http://www.adobe.com/cfusion/showcase/index.cfm?event=finder&productID=1522&loc=en_us
Archive:
http://www.houseoffusion.com/groups/CF-Talk/message.cfm/messageid:284586
Subscription: http://www.houseoffusion.com/groups/CF-Talk/subscribe.cfm
Unsubscribe: http://www.houseoffusion.com/cf_lists/unsubscribe.cfm?user=89.70.4
