Solved

Problem with table cell spacing?

Posted on 2000-03-22
3
202 Views
Last Modified: 2010-04-09
<html>
<head>
<title></title>
</head>
<body>
<CENTER>
<TABLE border="1" cellPadding="1" cellSpacing="1" width="100%" >


<tr><td id="Metric_Type" rowspan="6">Financial</td></tr>
<td rowspan="3" >10 Objective<td>
<tr><td>Operating Income Growth</td></tr>
<tr><td>Earnings Per Share (EPS) Growth</td></tr>
<td rowspan="2" >8 Objective<td>
<tr><td>NOPAT/WC</td></tr>


</TABLE></CENTER>
</body>
</HTML>

There are three columns and the third column has a cell that is empty.  I'm trying to remove that cell cause when I display it the box dont line up due to the empty cell.  Any way of removing the empty cell on the 3rd column or resizing the others so as that the table looks right.  With the empty cell on the 3rd col makes it look wrong.
Thanks

0
Comment
Question by:eric07
3 Comments
 
LVL 1

Accepted Solution

by:
Hardaway earned 20 total points
ID: 2647360
You could change the table to:

<table width="100%" border="1" cellspacing="1" cellpadding="1">
  <tr>
      <td rowspan="3">Financial</td>
      <td rowspan="2">10 Objective</td>
      <td>Operating Income Growth</td>
    </tr>
    <tr>
      <td>Earnings Per Share (EPS) Growth</td>
    </tr>
    <tr>
      <td>8 Objective</td>
      <td>NOPAT/WC</td>
    </tr>
  </table>
0
 

Expert Comment

by:qiang8
ID: 2647399
<html>
<head>
<title></title>
</head>
<body>
<CENTER>
<TABLE border="1" cellPadding="1" cellSpacing="1" width="100%" > 

<tr><td id="Metric_Type" rowspan="6">Financial</td></tr>
<td rowspan="3" >10 Objective</td>

I modified this line and It looks OK.

<td>Operating Income Growth</td>
<tr><td>Earnings Per Share (EPS) Growth</td></tr>
<td rowspan="2" >8 Objective<td>
<tr><td>NOPAT/WC</td></tr>

</TABLE></CENTER>
</body>
</HTML>


Good Luck.
0
 

Author Comment

by:eric07
ID: 2655137
Thanks
0

Featured Post

Free Tool: Port Scanner

Check which ports are open to the outside world. Helps make sure that your firewall rules are working as intended.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to embed videos in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <video> tag to insert a video. Define the src as the URL of your video; this is similar to …
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

680 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question