Guest royler Posted February 28, 2006 Share Posted February 28, 2006 #head a:hover { color: white; border-bottom: 2em solid;}#yo a:hover { color: black; border-bottom: 2em solid;} complete cssMy Webpagethere is supposed to be a bar that shows up below the link when you hover. everything works fine in firefox, but in safari the ul hover effect on the right is messed up.is there some order of elements i've messed up?also, the bar completely doesnt show up in ie - do css hover effects not work in explorer? Link to comment Share on other sites More sharing options...
sbrownii Posted March 1, 2006 Share Posted March 1, 2006 You should be aware that it isn't a hover issue. Try setting the borders and the bottom border doesn't show up in IE for some reason... a{border: 2px solid yellow;} I found 2 different things that made the bottom border visible:1) If you remove absolute positioning and float from your css, your bottom border is visible in IE - but your layout is lost.2) If you comment out "padding-bottom: 1em;" for the links then the bottom border shows in IE - but some of the border is cut off... Link to comment Share on other sites More sharing options...
thibo1025 Posted March 2, 2006 Share Posted March 2, 2006 not speaking of the anchor tag but the hoover propretie can be used for other tags but IE won't understand that. is there another way of making, for example a cell change background color without using the hoover proprety. Link to comment Share on other sites More sharing options...
aspnetguy Posted March 2, 2006 Share Posted March 2, 2006 not speaking of the anchor tag but the hoover propretie can be used for other tags but IE won't understand that. is there another way of making, for example a cell change background color without using the hoover proprety.<{POST_SNAPBACK}> Javascript... onmouseover and onmouseout events Link to comment Share on other sites More sharing options...
Aphotic Posted March 2, 2006 Share Posted March 2, 2006 There are actual ways to get IE to understand hover effects in CSS, but it requires a tiny little hack. I think that there is another (recent) topic about it here that shows you exactly. As to the first question, another solution, which youmay not like sbrownii, as I really don't either, is to use an image. The things we have to do for stupid browsers....~Aphotic Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now