colspan and rowspan problem

Question

1.00/5 (1 vote)

See more:

HI everyone ,

As i am new in html .I am confused in rowspan and colspan. i want landline cell below the old number cell.any idea please let me know. I wrote the code as follows:

XML

<table border="1">

<tr>
<td> harshal</td>
<td> Raut</td>
<td> mobile</td>
<td rowspan=""> address</td>
<td>old number</td>
</tr>
<tr>
<td  colspan="1">new number</td>
<td> landline</td>
</tr>
</table>

Thanks

Posted 27-Oct-15 2:59am

R Harshal

Add a Solution

2 solutions

Solution 2

Try this-

HTML

<table border="1"> 
<tr>
<td> harshal</td>
<td> Raut</td>
<td> mobile</td>
<td> address</td>
<td>old number</td>
</tr>
<tr>
<td colspan="4">new number</td>
<td> landline</td>
</tr>
</table>

check the result here: https://jsfiddle.net/mr8trjvh/[^]

Is this what you need ?

Hope, it helps :)

Posted 27-Oct-15 3:12am

Suvendu Shekhar Giri

Comments

R Harshal 27-Oct-15 9:38am

it showing the cell blank below mobile and address which not required..Any idea.

Suvendu Shekhar Giri 28-Oct-15 0:44am

what you need to show there then?

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

ZurdoDev · Accepted Answer · 2015-10-27T03:11:00

Here's a good tutorial on the how ROWSPAN and COLSPAN work, http://www.htmlcodetutorial.com/tables/index_famsupp_30.html[^]

If you think of the table as an excel file that may help. Looking at your first row, (tr), you have 5 cells (5 tds.) None of them have a colspan so you have 5 columns in the first row. Old number is in your last column. So, if you want new number to be below it you have several options depending on how you want it to look.

You could have that single cell and colspan it 5 which means that one cell will take up all 5 columns. You then could align="right" so that the text is all the way to the right, so it lines up under the last cell.

However, a better approach, would be to put a td before your landline one and make it colspan 4 so that it fills up the first 4 columns. Then your landline would be the 5th column lining it up with old number (if I counted right).

It may help to use Excel to built it out first or possibly just draw it on a piece of paper. Even us experienced guys have to draw it out first sometimes to make sure it looks right visually.