jbwebdesign Posted March 5, 2010 Report Share Posted March 5, 2010 I am having a problem with my css code. The navigation won't display properly in IE but it's fine in firefox. i'm not sure what the problem is....can someone help me out with this? The site can be viewed here: http://betterorganicchoice.com/home.php I tried to use the following code but it doesn't seem to work. ul#navmenu li.activehome{ background-repeat:no-repeat; background-position:22em 8px; background-image:url(images/homeon.gif); } html>body ul#navmenu li.activehome{ background-position:22px 8px; } Quote Link to comment Share on other sites More sharing options...
PicnicTutorials Posted March 5, 2010 Report Share Posted March 5, 2010 Ha. I don't think you can do it that way. Inventive though! Thats a simple nav. Your better off just using borders for the separators and capital Arial text. If you wanted you use images, your better off using sprites for that. Quote Link to comment Share on other sites More sharing options...
falkencreative Posted March 5, 2010 Report Share Posted March 5, 2010 I have to second Eric's comments... I think you'll have to figure out a better way to do this. What if the user doesn't have Impact installed on their computer? You'll notice that the navigation shifts significantly if you change the font declared in the CSS, since different fonts had different widths. Quote Link to comment Share on other sites More sharing options...
TiggersBounce Posted March 5, 2010 Report Share Posted March 5, 2010 I am having a problem with my css code. The navigation won't display properly in IE but it's fine in firefox. i'm not sure what the problem is....can someone help me out with this? The site can be viewed here: http://betterorganicchoice.com/home.php I tried to use the following code but it doesn't seem to work. ul#navmenu li.activehome{ background-repeat:no-repeat; background-position:22em 8px; background-image:url(images/homeon.gif); } html>body ul#navmenu li.activehome{ background-position:22px 8px; } mixing em's and px's ... background-position:22em 8px; ?? wis that the problem? 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.
Note: Your post will require moderator approval before it will be visible.