Jump to content

Archived

This topic is now archived and is closed to further replies.

underparnv

Couple of things I need help with...

Recommended Posts

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

Share this post


Link to post
Share on other sites
[!--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

Share this post


Link to post
Share on other sites
[!--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.

Share this post


Link to post
Share on other sites
[!--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!!

Share this post


Link to post
Share on other sites

×

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.