Web Analytics Made Easy - StatCounter How to get rid of lines between table cells? - CodingForum

Announcement

Collapse
No announcement yet.

How to get rid of lines between table cells?

Collapse
X
Collapse
 
  • Page of 1
  • Filter
  • Time
  • Show
Clear All
new posts
Previous template Next
  • #1

    How to get rid of lines between table cells?

    In the HTML below I made thick lines as the border of the table. But I would like to have no borderlines between the table cells while in the page below there are thin lines between cell 1 and 2 and between cell 2 and 3. How can I get rid of these lines?

    This is the HTML:

    <html>

    <head>
    <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
    <meta name="generator" content="Adobe GoLive 4">
    <title>Welcome to Adobe GoLive 4</title>
    </head>

    <body>

    <table bordercolor="#880000" border="10" cellspacing="0">
    <tr>
    <td width="60%">cell1</td>
    <td width="102">cell2</td>
    <td width="126" valign="top" align="right">cell3</td>
    </tr>
    </table>

    </body>
    </html>

    Kippie
    Tags: None
  • #2
    Code:
    <html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Welcome to a simple though not complete  fix for the pathetic code from Adobe GoLive 4</title>
<style type="text/css">
	table { border: solid 10px #880000; }
</style>
</head>

<body>

<table>
<tr>
<td width="60%">cell1</td>
<td width="102">cell2</td>
<td width="126" valign="top" align="right">cell3</td>
</tr>
</table>

</body>
</html>
    Check out the Forum Search. It's the short path to getting great results from this forum.

    Comment

    • #3
      Thanks Roy this is fast! But I have a problem I didn't realise. In fact I use more than one table in the HTML, and I would like to have a border only in one table and not in the other (and you style code makes borders in all tables as I understand it correctly).

      This is a HTML with 2 tables:
      <html>

      <head>
      <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
      <title>Welcome to a simple though not complete fix for the pathetic code from Adobe GoLive 4</title>
      <style type="text/css">
      table { border: solid 10px #880000; }
      </style>
      </head>

      <body>

      <table>
      <tr>
      <td width="60%">cell1</td>
      <td width="102">cell2</td>
      <td width="126" valign="top" align="right">cell3</td>
      </tr>
      </table>

      <table>
      <tr>
      <td width="60%">cell4</td>
      <td width="102">cell5</td>
      <td width="126" valign="top" align="right">cell6</td>
      </tr>
      </table>

      </body>
      </html>

      Kippie

      Comment

      • #4
        Add a class, then you can use that with multiple tables but only when needed.

        Code:
        <html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<title>Welcome to a simple though not complete fix for the pathetic code from Adobe GoLive 4</title>
<style type="text/css">
table.fatBorder { border: solid 10px #880000; }
</style>
</head>

<body>

<table class="fatBorder">
<tr>
<td width="60%">cell1</td>
<td width="102">cell2</td>
<td width="126" valign="top" align="right">cell3</td>
</tr>
</table>

<table>
<tr>
<td width="60%">cell4</td>
<td width="102">cell5</td>
<td width="126" valign="top" align="right">cell6</td>
</tr>
</table>
</body>
</html>
        Check out the Forum Search. It's the short path to getting great results from this forum.

        Comment

        Previous template Next
        Working...
        X