|
   |
| Forum moderator: bigblog |
| uCoz Community » For Webmasters » Custom Solutions » Table css issue |
| Table css issue |
I use below code to decor my table.
But it makes some problem for my site. There are two tables as below but actually it should not be showed up. Could you please help solve this? Thanks! URL to ok page: _http://adnet.ucoz.co.uk/publ/noun_gender/1-1-0-1 URL to error page: _http://adnet.ucoz.co.uk/publ/adverbs/forming_adverbs_from_adjectives/3-1-0-19 Code <style> table { border-collapse: collapse; width: 100%; } th, td { text-align: left; padding: 8px; } tr:nth-child(even){background-color: #f2f2f2} th { background-color: #4CAF50; color: white; } </style> Screenshot: 
Attachments:
8385693.png
(52.8 Kb)
Post edited by ucozpp - Thursday, 2016-05-26, 1:02 AM
|
ucozpp, instead of applying the design to all the table elements, specify them for the comment form table only. That's if you only want the comment form to be designed.
Here's the code: Code <style> table.commTable { border-collapse: collapse; width: 100%; } .commTable th, .commTable td { text-align: left; padding: 8px; } .commTable tr:nth-child(even){background-color: #f2f2f2} .commTable th { background-color: #4CAF50; color: white; } </style> If you want to apply the styles to each table element, remove the following code from "Appearance of comments", "Comment posting form" or "Page with full post text and associated comments" (it must match exactly): Code <tr><td colspan="2" align="center"></td></tr> and Code <tr><td colspan="2" height="10"></td></tr> hey i'm joe and i do not work for the company anymore, please contact other staff or tech support
icon by ch-chau sometimes i lurk here |
| |||
| |||