Jump to content

CSS is Code Too!


Recommended Posts

The Code element is a very powerful tool!


Dont forget that CSS (Style Sheet Coding) is code also.


Want your table to show alternate colors for rows? You can use a little CSS to do that!


Just put the css code into a template at the top of a page and your table can have alternate colored rows.


Use the same code (by changing a little text) on several pages using the templates!


Here is a table example of where I use CSS to alternate the table row colors.  This is just a registration survey table. (Some other things are going on here, but I wanted to show the CSS effects.






Link to comment
Share on other sites

Find your Table Name and insert it into the code used here.



// Make all odd rows cool green
     tr:nth-child(even) { background-color: #E6F5CF;}
// Make the text only in the 10th Column Red
     td:nth-child(10) {color: red;}


Link to comment
Share on other sites

  • 1 month later...

I'd like to implement this functionality with one of my tables, but I'm unable to find the name of my table. I've used the Chrome inspector tool to look at all the source code and I don't see an id for the table element. The container (div) has an id, but the actual table doesn't.


How do I assign the table a name (id) or is there another way to retrieve the information that I don't know of?


Thanx in advance.

Link to comment
Share on other sites

  • 1 month later...
  • 4 months later...
  • 2 weeks later...


This topic is now archived and is closed to further replies.

  • Create New...