Jump to content


Photo

Couple of things I need help with...


  • Please log in to reply
4 replies to this topic

#1 underparnv

underparnv
  • Members
  • PipPipPip
  • Advanced Member
  • 30 posts
  • LocationReno, Nevada

Posted 04 May 2006 - 03:05 PM

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
"Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning."

The Sporting Edge - Free NFL Football Pool


#2 Ninjakreborn

Ninjakreborn
  • Members
  • PipPipPip
  • Information Technology Specialist
  • 3,922 posts
  • Age:33

Posted 04 May 2006 - 11:41 PM

post source codes.

------

Business Website: http://www.infotechnologist.biz

Personal Website: http://www.joyelpuryear.com

Blog Site: http://www.realmofwriting.com
Services: Web development, application development, mobile development, and custom development. All services listed on my website.


#3 underparnv

underparnv
  • Members
  • PipPipPip
  • Advanced Member
  • 30 posts
  • LocationReno, Nevada

Posted 05 May 2006 - 03:04 PM

[!--quoteo(post=371402:date=May 4 2006, 04:41 PM:name=businessman332211)--][div class=\'quotetop\']QUOTE(businessman332211 @ May 4 2006, 04:41 PM) View Post[/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
"Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning."

The Sporting Edge - Free NFL Football Pool


#4 obsidian

obsidian
  • Staff Alumni
  • Advanced Member
  • 3,202 posts
  • LocationSeattle, WA

Posted 05 May 2006 - 03:27 PM

[!--quoteo(post=371567:date=May 5 2006, 11:04 AM:name=underparnv)--][div class=\'quotetop\']QUOTE(underparnv @ May 5 2006, 11:04 AM) View Post[/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:
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;
}

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.
You can't win, you can't lose, you can't break even... you can't even get out of the game.

<?php
while (count($life->getQuestions()) > 0)
{   $life->study(); } ?>
  LINKS: PHP: Manual MySQL: Manual PostgreSQL: Manual (X)HTML: Validate It! CSS: A List Apart | IE bug fixes | Zen Garden | Validate It! JavaScript: Reference Cards RegEx: Everything RegEx

#5 underparnv

underparnv
  • Members
  • PipPipPip
  • Advanced Member
  • 30 posts
  • LocationReno, Nevada

Posted 05 May 2006 - 04:33 PM

[!--quoteo(post=371575:date=May 5 2006, 08:27 AM:name=obsidian)--][div class=\'quotetop\']QUOTE(obsidian @ May 5 2006, 08:27 AM) View Post[/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!!

"Programming today is a race between software engineers striving to build bigger and better idiot-proof programs, and the Universe trying to produce bigger and better idiots. So far, the Universe is winning."

The Sporting Edge - Free NFL Football Pool





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users