Problems with tables - Post ID 145487
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?
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?
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
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
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
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?
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?
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
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
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!
If I have a problem with tables, I put a temporary css line in the head section, something like
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.
.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.
http://www.drivingnt.com/
Windows 7
Windows 7
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.