for an HTML table, how do you make the border disappear within a row?

for an HTML table with a border property already set, how do you make the border disappear only within a group of cells on the same row? Thanks!

Public Comments

  1. Use CSS (cascading style sheet) to define that some particular tag behave differently. You can use the following example: <html> <head> <title>Tes</title> <style> .noborder { border: 0; } </style> </head> <body> <table border="1"> <tr> <td class="noborder">Row 1 Column 1</td> <td>Row 1 Column 2</td> <td class="noborder">Row 1 Column 3</td> <td>Row 1 Column 4</td> <td class="noborder">Row 1 Column 5</td> </tr> <tr> <td>Row 2 Column 1</td> <td>Row 2 Column 2</td> <td>Row 2 Column 3</td> <td class="noborder">Row 2 Column 4</td> <td>Row 2 Column 5</td> </tr> <tr> <td>Row 3 Column 1</td> <td class="noborder">Row 3 Column 2</td> <td>Row 3 Column 3</td> <td>Row 3 Column 4</td> <td>Row 3 Column 5</td> </tr> <tr> <td>Row 4 Column 1</td> <td>Row 4 Column 2</td> <td>Row 4 Column 3</td> <td>Row 4 Column 4</td> <td>Row 4 Column 5</td> </tr> <tr> <td>Row 5 Column 1</td> <td>Row 5 Column 2</td> <td>Row 5 Column 3</td> <td>Row 5 Column 4</td> <td>Row 5 Column 5</td> </tr> </table> </body> </html> Copy the code and paste it to any text editor (remember, text editor, not a word processor) like Notepad. Save it (in Notepad) "table.html" including the double quotes. Then open it in any browser you like, such as Internet Explorer, Firefox, Opera and many others. I hope it helps.
  2. The above would work or you could simply put the style right into the <td> tag like this: <td style="border-style: none;">test 2</td>
  3. Use CSS <style> .none { border: none; } </style> <table> <tr> <td class="none">Hello</td> </tr> </table> There ya go.
Powered by Yahoo! Answers