How do i merge table cells together, from different rows ?

Hello,

Imagine i was using the following tabular layout on my site (3 rows 3 columns with 9 cells):
=====================================
=        1            =          2          =          3          =      
=====================================
=        4            =          5          =          6          =
=====================================
=        7            =          8          =          9          =
=====================================

How would i merge cells 2,3,4,5,8,9 into a single cell? (These will be occupied by text, while the remaining cells will be used to hold images).


Many thanks in advance
DaniishAsked:
Who is Participating?
 
nexusnationConnect With a Mentor Commented:
Hi Daniish,

You can't merge cells that don't create a rectangle.

Your option involving tables would be to create one giant cell (1-9) and then aligned/floated nested tables for 1, 6 and 7.

The best option, however, would be to use CSS:
<div> <!--your main cell -->
<img style="float:left" src="someimage.jpg" /> <!-- fake cell 1 -->
<p>Some text</p>
<p>Some more text</p>
<img style="float:right" src="someimage.jpg" /> <!-- fake cell 2 -->
<p>Some more text</p>
<p>Some more text</p>
<p>Some more text</p>
<img style="float:left" src="someimage.jpg" /> <!-- fake cell 3 -->
<p>Some more text</p>
<p>Some more text</p>
</div>

Open in new window

0
 
DaniishAuthor Commented:
Thankyou for your feedback.

Would you mind also showing me how this can be accomplished using css?
(this would probably be easier to implement for my FCKeditor template)
0
 
nexusnationCommented:
Check the code snippet in my first comment...
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.