contra10 Posted January 15, 2009 Share Posted January 15, 2009 well i guess this is a css problem im doing a mouseover on my page and i just want a particular section to be mouse mouse over highlighted... instead my whole page has a background color ...i know i closed my tages heres my code <html> <style type="text/css"> img { opacity:0.4; filter:alpha(opacity=40) } </style> <body> <img src="C:\wamp\www\event.png" width="80" height="20" alt="klematis" onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40" /> </body> </html> everything after this code should be regular colors Quote Link to comment Share on other sites More sharing options...
kenrbnsn Posted January 15, 2009 Share Posted January 15, 2009 It's looks like a Javascript problem, so I'm moving this to that forum from the PHP forum... Ken Quote Link to comment Share on other sites More sharing options...
contra10 Posted January 15, 2009 Author Share Posted January 15, 2009 ok Quote Link to comment Share on other sites More sharing options...
contra10 Posted January 15, 2009 Author Share Posted January 15, 2009 i tired to double the </style> to see if i didn't close a tage somewhere but my whole page is still being shadowed Quote Link to comment Share on other sites More sharing options...
contra10 Posted January 15, 2009 Author Share Posted January 15, 2009 this is my header file and its affecting my other pages when all i really want is the header file to be effected Quote Link to comment Share on other sites More sharing options...
xtopolis Posted January 15, 2009 Share Posted January 15, 2009 I copy / pasted that code.. didn't see any trouble. The image changed opacity and my page kept it's same (white) background color the entire time. I will try in depth when I get home in a bit. Perhaps something else is affecting it? Quote Link to comment Share on other sites More sharing options...
contra10 Posted January 15, 2009 Author Share Posted January 15, 2009 i looked at it again and i realized that the code is affecting all the images on the page...i.e. the image on my profile picture has a shadow Quote Link to comment Share on other sites More sharing options...
contra10 Posted January 15, 2009 Author Share Posted January 15, 2009 ill work around it Quote Link to comment Share on other sites More sharing options...
xtopolis Posted January 15, 2009 Share Posted January 15, 2009 just give them a class name and reflect it in your css declaration img.addShadow{ //opacity stuff } <img class="addShadow" .. /> Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.