Jump to content

Couple of things I need help with...


underparnv

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

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

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.