html table

Hi Experts,

I am modifying a site done by someone else and the have used tables throughout the site.  I prefer semantic xhtml/css with divs.

Have look at the attached image and the table html below.  I would like to create a single div occupying the 'special promotions' cell and the hello world 3 cell.. kind of like merging them into one cell in that column while keeping the two rows in the first column (hello world & hello world 2).

I can't disturb that first first column and related rows because the orginal dev guy will go crazy.  Is there a way to merge the two tds on the right into one?

In the image you can see 'special promotions' and then an empty space below, the space is the empty cell below it.  I want make both cells one big cell (td) without messing with the other rows/cells.

here is the table:

<table>
<tr>
<td>
hello world
</td>
<td>
special promotions
</td>
</tr>

<tr>
<td>
hello world 2
</td>
<td>
hello world 3
</td>
</tr>
</table>
 sample 2
HelpNearMeAsked:
Who is Participating?
 
HagayMandelConnect With a Mentor Commented:
Check this:
<table>
<tr>
<td>
hello world</td>
<td rowspan="2"> special promotions hello world 3 </td>
</tr>
<tr>
<td>
hello world 2</td>
</tr>
</table>

Open in new window

0
 
HelpNearMeAuthor Commented:
row span?  so obvious.. didn't occur to me thanx I'll try
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.