Solved

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

Posted on 2008-06-23
3
1,767 Views
Last Modified: 2008-06-24
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
0
Comment
Question by:Daniish
  • 2
3 Comments
 
LVL 12

Accepted Solution

by:
nexusnation earned 250 total points
ID: 21844539
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
 

Author Comment

by:Daniish
ID: 21844875
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
 
LVL 12

Expert Comment

by:nexusnation
ID: 21852770
Check the code snippet in my first comment...
0

Featured Post

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

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

Suggested Solutions

Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5. As we learned in our last micr…

828 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