Solved

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

Posted on 2008-06-23
3
1,763 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

How to run any project with ease

Manage projects of all sizes how you want. Great for personal to-do lists, project milestones, team priorities and launch plans.
- Combine task lists, docs, spreadsheets, and chat in one
- View and edit from mobile/offline
- Cut down on emails

Join & Write a Comment

Suggested Solutions

Title # Comments Views Activity
2 CSS questions 11 36
Include css using javascript/jquery in html 1 49
Ajax control editor 4 37
Link SQL table to Webpage 9 39
Introduction Since I wrote the original article about Handling Date and Time in PHP and MySQL (http://www.experts-exchange.com/articles/201/Handling-Date-and-Time-in-PHP-and-MySQL.html) several years ago, it seemed like now was a good time to updat…
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
The viewer will learn how to look for a specific file type in a local or remote server directory using PHP.
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…

746 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

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now