bulrush Posted May 14, 2010 Share Posted May 14, 2010 In an HTML table, how do I make the rule between rows thicker, for every 3rd row? Actually, the user will specify which rows need a thicker rule, so I just need the code to make one rule thicker. This solution has to print to the printer, so using background-color will not work in this case. Quote Link to comment Share on other sites More sharing options...
haku Posted May 14, 2010 Share Posted May 14, 2010 Set a class on each 3rd row, then give that class a bottom border. Quote Link to comment Share on other sites More sharing options...
bulrush Posted May 14, 2010 Author Share Posted May 14, 2010 Thanks. This is how I did it. It seems the property has to go in every <td> that is affected. <tr><td style="border-bottom:thick solid #000000">col 1<td style="border-bottom:thick solid #000000">col 2<td style="border-bottom:thick solid #000000">col 3 Quote Link to comment Share on other sites More sharing options...
haku Posted May 14, 2010 Share Posted May 14, 2010 Could be, but I would suggest adding a class to each of the tags and apply the css style against the class, rather than using inline styles. Quote Link to comment Share on other sites More sharing options...
bulrush Posted May 14, 2010 Author Share Posted May 14, 2010 Right. I just do testing with inline styles. When it works then I put it in a class. Quote Link to comment Share on other sites More sharing options...
haku Posted May 14, 2010 Share Posted May 14, 2010 On that note, you may find testing a little easier using the firebug plugin on firefox - you can do real-time CSS editing with it. Anyways, glad your problem got fixed. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.