underparnv Posted May 4, 2006 Share Posted May 4, 2006 So a few of the people that reviewed [a href=\"http://nnga.matrixcs.biz\" target=\"_blank\"]my site[/a] in [a href=\"http://www.phpfreaks.com/forums/index.php?showtopic=92347\" target=\"_blank\"]this topic[/a] pointed out that I have a few problems with my CSS code. The two main points:1. Alternating the table row background color doesn't work in IE...but does in Firefox. I really don't know why it doesn't work. Can anyone see?2. On my navigation menu along the top, once you hover over a menu item and go down into a sub-menu item, the top-most item goes black. I can't figure out how to keep it white....any ideas?Thanks in advance,underparnv Quote Link to comment Share on other sites More sharing options...
Ninjakreborn Posted May 4, 2006 Share Posted May 4, 2006 post source codes. Quote Link to comment Share on other sites More sharing options...
underparnv Posted May 5, 2006 Author Share Posted May 5, 2006 [!--quoteo(post=371402:date=May 4 2006, 04:41 PM:name=businessman332211)--][div class=\'quotetop\']QUOTE(businessman332211 @ May 4 2006, 04:41 PM) [snapback]371402[/snapback][/div][div class=\'quotemain\'][!--quotec--]post source codes.[/quote]The site was linked in the post I linked to above...but here it is again:[a href=\"http://nnga.matrixcs.biz\" target=\"_blank\"]http://nnga.matrixcs.biz[/a]Thanks!underparnv Quote Link to comment Share on other sites More sharing options...
obsidian Posted May 5, 2006 Share Posted May 5, 2006 [!--quoteo(post=371567:date=May 5 2006, 11:04 AM:name=underparnv)--][div class=\'quotetop\']QUOTE(underparnv @ May 5 2006, 11:04 AM) [snapback]371567[/snapback][/div][div class=\'quotemain\'][!--quotec--]The site was linked in the post I linked to above...but here it is again:[a href=\"http://nnga.matrixcs.biz\" target=\"_blank\"]http://nnga.matrixcs.biz[/a]Thanks!underparnv[/quote]here are my initial ideas... see if they help any:IE is going to interpret tr tags differently than td, since the td is the block level. try changing your even and odd rows to reflect color within the td tags instead of tr... something like this: update all your table styles to this or something similar:[code]table { padding: 0; margin: 0; color: #333; background: #F3F5F7; border-left: 1px solid #eaecee; border-top: 1px solid #eaecee; border-right: 1px solid #eaecee;}table a { color: #3A4856; text-decoration: none; border-bottom: 1px solid #C6C8CB;}table a:visited { color: #777;}table td, table th { padding: 10px; background: url("td_back.gif") repeat-x; text-align: left;}table th { background-color: #201E5D; color: #fff; font-weight: normal;}table td { background: #FFFFFF; border-bottom: 1px solid #d2d2d2;}table tr.odd td { background: #F0F2F4;}table td.results { text-align: right;}table tr:hover td { background: #EEF3F9; color: #111;}[/code]this at least fixes your alternating colors. now, the psuedo attribute :hover is not recognized on tr elements in IE, so you'll have to use a little javascript fix to get the background colors to change like you want them to in that browser. i've tested this layout, and it looks good in both IE and FF.i'll have to look into the nav menu to see what's causing that, though. Quote Link to comment Share on other sites More sharing options...
underparnv Posted May 5, 2006 Author Share Posted May 5, 2006 [!--quoteo(post=371575:date=May 5 2006, 08:27 AM:name=obsidian)--][div class=\'quotetop\']QUOTE(obsidian @ May 5 2006, 08:27 AM) [snapback]371575[/snapback][/div][div class=\'quotemain\'][!--quotec--]here are my initial ideas... see if they help any:[/quote]Awesome...that took care of the alternating row colors. I'm not too worried about the hover effect as that doesn't really add all the much to the design anyway.As far as the navigation goes, I have no idea where to even start making them white while hovering over a sub-menu item....Thanks for the help!! 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.