By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
459,702 Members | 1,760 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 459,702 IT Pros & Developers. It's quick & easy.

hide table row with no div in css

P: 1
I am working with a pre-constructed template, and the only editing capability I have is to place css elements within the main body. I am trying to hide a few <tr>'s that do not have a seperate <div> tag or anything. I'm pretty new to this... please help, if possible! thanks!
Dec 22 '11 #1
Share this Question
Share on Google+
1 Reply


BigPapaN0z
P: 24
If you are able to add inline CSS within the template itself, you can add this to the <tr>:
Expand|Select|Wrap|Line Numbers
  1. <tr style="visibility:hidden;">
If not, you could try to isolate and use nested CSS tags. Something like:
Expand|Select|Wrap|Line Numbers
  1. table tr {visibility:hidden;}
However, keep in mind that this would effectively hide ALL TRs. Look at the code and see if there is anyway to isolate the intended TR you wish to hide (perhaps they all have the same name (<tr name="TRodd">) and you can do:
Expand|Select|Wrap|Line Numbers
  1. table tr .TRodd {visibility:hidden;}
I hope I didn't completely confuse you. Nesting is considered "advanced" CSS but is easy to understand once you see it in action. If you need more assistance, please don't hesitate to ask. We're always here to help!
Dec 22 '11 #2

Post your reply

Sign in to post your reply or Sign up for a free account.