• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 329
  • Last Modified:

Problem with display table.tr

Hi guys.

I have this table:

    <TABLE id="ProductMenu">
        <TR>
            <TD><A href="#">Main menu</A></TD>
        </TR>
        <TR id="test">
            <TD>
                <A href="#">Sub menu</A>
            </TD>
        </TR>
    </TABLE>

I  want to hide "Main menu" and show "Sub menu" with CSS.

Have tried something like this, but it dosen´t work. Any suggestions?
#ProductMenu tr            {display:none}
#ProductMenu tr #test      {display:inline!important}
0
Jesper Christensen
Asked:
Jesper Christensen
  • 2
1 Solution
 
code-colorsCommented:
Could you please try

#ProductMenu tr            {display:none}
#ProductMenu tr#test      {display:block!important}
0
 
Jesper ChristensenProgrammerAuthor Commented:
Nice Code-colors. Thanks :)
0
 
Jesper ChristensenProgrammerAuthor Commented:
Ahh I just saw that the id is a number.

This dosen´t work:

  <TABLE id="ProductMenu">
        <TR>
            <TD><A href="#">Main menu</A></TD>
        </TR>
        <TR id="112">
            <TD>
                <A href="#">Sub menu</A>
            </TD>
        </TR>
    </TABLE>

#ProductMenu tr            {display:none}
#ProductMenu tr#test      {display:block!important}
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Certified Penetration Testing

This CPTE Certified Penetration Testing Engineer course covers everything you need to know about becoming a Certified Penetration Testing Engineer. Career Path: Professional roles include Ethical Hackers, Security Consultants, System Administrators, and Chief Security Officers.

  • 2
Tackle projects and never again get stuck behind a technical roadblock.
Join Now