I have loaded a three column table in html on a page in SCC
I am after filling each field with TEXT, IMAGE, TEXT
However, I can't get the fields to show any cellspacing.
Here is the html code I am using
[[[<html>
<body>
< table cellspacing="20" cellpadding="20">
<tr>
<td style="vertical-align:top;" td width="250" > It was never meant to nethis way nor should it have ever happenedd </td>
<td width="250" ><img src="../jewellery shop/new pics/DSCF0026.JPG" width="250" height="250" /></td>
<td style="vertical-align:top;" td width="250">It was never meant to nethis way nor should it have ever happenedd </td>
</tr> </table></div>
</body>
</html>]]]
Any help greatly appreciated
SCC cellspacing on html - Post ID 143425
Chisty
Registered User
19 posts
sstovert@satx.rr.com
Guest
5,410 posts
Remove the <html> and <body> tags. They are not needed.
Remove the td in front of width="250" in the first <td> tag.
You didn't include an opening <div> tag.
Remove the td in front of width="250" in the first <td> tag.
You didn't include an opening <div> tag.
CoffeeCup... Yeah, they are the best!
Chisty
Registered User
19 posts
Thank you for your help. The code works fine in a html editor but it doesn't work once pasted into the HTML box within the "page" section of SCC
When you preview the page in SCC the cell spacing is all gone !!!
code I am using
<div>
<table cellspacing="20" cellpadding="20">
<tr>
<td style="vertical-align:top;" width="250" > It was never meant to nethis way nor should it have ever happenedd </td>
<td width="250" ><img src="../jewellery shop/new pics/DSCF0026.JPG" width="250" height="250" /></td>
<td style="vertical-align:top;" td width="250">It was never meant to nethis way nor should it have ever happenedd </td>
</tr> </table></div>
When you preview the page in SCC the cell spacing is all gone !!!
code I am using
<div>
<table cellspacing="20" cellpadding="20">
<tr>
<td style="vertical-align:top;" width="250" > It was never meant to nethis way nor should it have ever happenedd </td>
<td width="250" ><img src="../jewellery shop/new pics/DSCF0026.JPG" width="250" height="250" /></td>
<td style="vertical-align:top;" td width="250">It was never meant to nethis way nor should it have ever happenedd </td>
</tr> </table></div>
Chisty
Registered User
19 posts
Here is another section of code I am trying. Again this works fine in a html editor, but not within SCC
Here, the cell spacing works, but I can't get the text to align "top"!!!!
Any help muchly muchly appreciated.
<div style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="900" border="1" cellpadding="10" cellspacing="10" style="background-color: #ffffff;">
<tr valign="top">
<td width=250 valign="top" style="border-width : 0px;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><span style=" font-size: 10pt; font-family: 'Arial', 'Helvetica', sans-serif; font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;">test text here</span></p>
</td>
<td style="border-width : 0px;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><span style=" font-size: 10pt; font-family: 'Arial', 'Helvetica', sans-serif; font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;"><img src="../jewellery shop/new shop/9mm-bang3.jpg" width="250" height="250"></span></p>
</td>
<td width=250 valign="top" style="border-width : 0px;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><span style=" font-size: 10pt; font-family: 'Arial', 'Helvetica', sans-serif; font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;">test text here</span></p>
</td>
</tr>
</table>
</div>
Here, the cell spacing works, but I can't get the text to align "top"!!!!
Any help muchly muchly appreciated.
<div style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="900" border="1" cellpadding="10" cellspacing="10" style="background-color: #ffffff;">
<tr valign="top">
<td width=250 valign="top" style="border-width : 0px;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><span style=" font-size: 10pt; font-family: 'Arial', 'Helvetica', sans-serif; font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;">test text here</span></p>
</td>
<td style="border-width : 0px;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><span style=" font-size: 10pt; font-family: 'Arial', 'Helvetica', sans-serif; font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;"><img src="../jewellery shop/new shop/9mm-bang3.jpg" width="250" height="250"></span></p>
</td>
<td width=250 valign="top" style="border-width : 0px;"><p style=" text-align: left; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><span style=" font-size: 10pt; font-family: 'Arial', 'Helvetica', sans-serif; font-style: normal; font-weight: normal; color: #000000; background-color: transparent; text-decoration: none;">test text here</span></p>
</td>
</tr>
</table>
</div>
sstovert@satx.rr.com
Guest
5,410 posts
I don't know why as the cellspacing attribute is allowed in XHTML strict, transitional, and frameset DTDs.
CoffeeCup... Yeah, they are the best!
Chisty
Registered User
19 posts
mmm
I'm no html wizard, so I can't see where the problem is.
I can get both codes to work in an editor, but not within SCC html
One code can't get the cellspacing to work and the other attempt can't get the text to align top.
Arrgggghhhh........
I'm no html wizard, so I can't see where the problem is.
I can get both codes to work in an editor, but not within SCC html
One code can't get the cellspacing to work and the other attempt can't get the text to align top.
Arrgggghhhh........
Chisty
Registered User
19 posts
OK
Got this to work.
<div style=" text-align: top; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="900" border="1" cellpadding="10" cellspacing="10" style="background-color: #ffffff;">
<tr>
<td style="vertical-align:top;" width="250" > It was never meant to nethis way nor should it have ever happenedd </td>
<td width="250" ><img src="../jewellery shop/new pics/DSCF0026.JPG" width="250" height="250" /></td>
<td style="vertical-align:top;" td width="250">It was never meant to nethis way nor should it have ever happenedd </td>
</tr> </table></div>
Thank you for your help
Got this to work.
<div style=" text-align: top; text-indent: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;"><table width="900" border="1" cellpadding="10" cellspacing="10" style="background-color: #ffffff;">
<tr>
<td style="vertical-align:top;" width="250" > It was never meant to nethis way nor should it have ever happenedd </td>
<td width="250" ><img src="../jewellery shop/new pics/DSCF0026.JPG" width="250" height="250" /></td>
<td style="vertical-align:top;" td width="250">It was never meant to nethis way nor should it have ever happenedd </td>
</tr> </table></div>
Thank you for your help
sstovert@satx.rr.com
Guest
5,410 posts
Good job. You also shorten your div padding and margin to just one 0px if all four sides are the same.
CoffeeCup... Yeah, they are the best!
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.
