jbrashear72
asked on
How do I stop my html table from showing space between cells?
I am trying to create an email template using nothing but tables for constant Contact.
Tables are not my strong suite. If you look at the URL below you will see
at the bottol were the social icons are there are cell lines.
Also there is an image at the top that is not sitting onto of the cell below. as if there was a space between the cells. Also how do I move the image? Do I have to use a space gif?
http://www.nuartisan.net/emails/personalysis/index2.html
Tables are not my strong suite. If you look at the URL below you will see
at the bottol were the social icons are there are cell lines.
Also there is an image at the top that is not sitting onto of the cell below. as if there was a space between the cells. Also how do I move the image? Do I have to use a space gif?
http://www.nuartisan.net/emails/personalysis/index2.html
cellspacing = 0
ASKER
Is there a way for me to make the column were the text is a certin width? When I ad a width it seems to be ignored.
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
It seems to be ignored:
<td style="width:150px;" colspan="2" bgcolor="#FFFFFF"><h1 align="center"><strong><br />
Look at that line.
http://www.nuartisan.net/emails/personalysis/index2.html
<td style="width:150px;" colspan="2" bgcolor="#FFFFFF"><h1 align="center"><strong><br
Look at that line.
http://www.nuartisan.net/emails/personalysis/index2.html
Yeah, that has always been a problem with tables.
Try sticking a div tag inside the table cell and setting a specific width on the div tag. The table cell will grow vertically as more text is placed therein, but it will not exceed the width you set.
<td><div style="width:100px;"></div ></td>
Try sticking a div tag inside the table cell and setting a specific width on the div tag. The table cell will grow vertically as more text is placed therein, but it will not exceed the width you set.
<td><div style="width:100px;"></div
SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
So I can insert a table inside of a cell?
ASKER
Or do I close the table and start a new one?
You can do either one. Depends on what you need. If it needs to be the full width then it needs to be a new one.
You can control the width of the different columns in an HTML table as I specified. An HTML table by default will make all columns the same size but it alters the widths of the columns based on the content placed inside of the table cells.
If you place an html div tag inside each cell with a width attribute placed on that div tag then you can in deed control the width of the individual columns in the table. You will also want to set a width on the table itself which would be a summation of the widths of all the columns.
If you place an html div tag inside each cell with a width attribute placed on that div tag then you can in deed control the width of the individual columns in the table. You will also want to set a width on the table itself which would be a summation of the widths of all the columns.
ASKER
The down side of this is it is for an email template. So the div tag will be stripped b most email clients.
Even gmail strips out the div tag. =(
Even gmail strips out the div tag. =(
In that case you may want to pursue the solution that DaveBaldwin was leading you to. I don't have much experience with the way that different email clients render HTML in an email. It's probably fair to say that most of them aren't standards compliant in the slightest.
ASKER
Thank you all for your help. I aperciate all your expert help. thank you.
Here's a page about CSS Support in Email Clients: http://www.campaignmonitor.com/css/