Jump to content
Welcome! Community launches Feb. 1st ×
  • 0

CSS is Code Too!


docnzok

Question

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.

 

 

 

Table.jpg 

Table.thumb.jpg.0d137dd048bf5be28069fd9aaeec8bef.jpg

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

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

<style>

#(YOUR TABLE NAME 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;}

</style>

Link to comment
Share on other sites

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

Archived

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

×
×
  • Create New...