Problems with tables - Post ID 155433

User 256674 Photo


Registered User
19 posts

OK - did a search in the forum but couldn't find a post tackling this topic.

I am trying to insert a simple table (via html) into one of my pages.

The table is a simple 2x2 format however the right hand column is merged so that there are three cells in total.

I create a table and some sized .jpg - all works fine in dreamweaver or html editor.

Once inserted into SCC the cell sizes and .jpg alignment goes all pear--shaped.

I have tried alignement top and text top and just about every combination but can't get it to display properly in IE and firefox.

Is there a known problem or a known fix for inserting a part-cell-merged table into SCC

Ultimately, I want to be able to insert text, .jpg and .swf files into different parts of the table, but just can't get the damned thing to maintain its size integrity.

Any suggestions oh wonderful people?
User 539803 Photo


Registered User
2,156 posts

I know nothing about tables, so can't help, but it might help others to answer if they know what page you are trying to put them in ie shop home, or products pages

By the way i like what you have done with your website so far


Started using CC VSD in January 2009, I don't do HTML code, Sales from CC site exceeding expectations taken me out of semi-retirement
Hosted FREE on CC S DRIVE www.chauffeurdrivenluxurycars.co.uk
My new VSD & SCCP site Oct 2011 www.deloreanjewellery.co.uk
My friendly window cleaner www.mwcwindowcleaner.co.uk

User 38401 Photo


Senior Advisor
10,951 posts

Hiya Chisty,

Can you post a link to the page, and can you post the code here that you're trying to enter into your shop page for the table please?
User 256674 Photo


Registered User
19 posts

Thanks all. I have been working on it all day and have managed to find a solution which is very nearly perfect for my requirements.

Here is the code used if it is of any help to others.

This is a test table. 2 rows x 3 columns with the far right hand column being cell merged. I used the same image file in four of the five cells as it was only a test piece of code and left one cell with text.

<div style=" text-align: top; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;">
<table width="900" border="1" cellpadding="5" cellspacing="5">
<tr>
<td><img src="firstpic.gif" width="300" height="300" /></td>
<td><img src="firstpic.gif" alt="a" width="300" height="300" /></td>
<td rowspan="2" valign="top" ><img src="firstpic.gif" alt="a" width="300" height="300" align="top" /></td>
</tr>
<tr>
<td valign="top" ><img src="firstpic.gif" alt="a" width="294" height="296" align="top" /></td>
<td style="vertical-align:top;"><p>this is just some text </p>
</td>

</tr>
</table>
</div>

The critical thing that I had trouble with was getting the text in the cell to align top, but you can see from the above that I had to use a style "thingy" to achieve that aim. A simple align top command wasn't working
User 38401 Photo


Senior Advisor
10,951 posts

Glad you got it all worked out Chisty, SCC programs really do have a lot of versatility at your fingertips, they need more though, but they still rock!
User 92156 Photo


Registered User
272 posts

If I have a problem with tables, I put a temporary css line in the head section, something like
.td { border:1px dotted red; }

or similar, the borders around the cells help me to "see" how the layout is going. Then I delete it when the table is sorted.
User 140444 Photo


Registered User
95 posts

Thanks Chris! That is a very good tip...I was trying to figure this issue out last night and it was getting on my nerves! Usually the trusty "valign top" will work, but it would not on this one...this is exactly what I needed. Thanks!

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.