Help - Search - Members - Calendar
Full Version: Table heights in Dreamweaver
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
torathu
Sorry in advance if I am posting in the wrong place, I am new to this.
I am working on an email signature in dreamweaver and after I added the <p style= tag to set my font size and color etc, I am unable to set the height of the table rows. They need to be shorter so that the text in the different lines are more condensed.

It is much appreciated if anyone can tell me what I am doing wrong/what I can do to fix this! Thank you.

Here is a image showing how the signature looks like right now:
IPB Image

Here is my code:

<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Signature</title>
</head>

<body>
<table width="500" border="0">
<tbody>
<tr>
<td colspan="5"> <p style="font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;"> Best regards, </p></td>
</tr>
<tr> </tr>
<tr>
<td colspan="5"><p style="font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 15px;">
<strong>Name Lastname</strong></p></td>
</tr>
<tr> </tr>
<tr>
<td colspan="5"><p style="font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;">Title here</p> </td>
</tr>
<tr>
<td colspan="5"><img src="ai-fil/images/Signature_Linebreak.jpg"/></td>
</tr>
<tr>
<td rowspan="4"><a href="https://www.xxl.no" target="_blank"><img src="ai-fil/images/Signature_Logo.jpg"></a> </td>
<td colspan="4"><p style="font-family:Arial, Helvetica, sans-serif; color: #7A7474; font-size: 12px;">T: + 47 999 99 999 | E: email@domail.com </p></td>
</tr>
<tr>
<td colspan="4"><p style="font-family:Arial, Helvetica, sans-serif; color: #7A7474; font-size: 12px;">A: Streetname 00 | P.O.Box 353, City | NO-0614 City</p></td>
</tr>
<tr>
<td colspan="4"><p style="font-family:Arial, Helvetica, sans-serif; color: #000000; font-size: 12px;"> <a href="https://www.xxl.no" title="XXL Sport & Villmark" target="new">xxl.no</a> | <a href="https://www.xxl.se" target="new">xxl.se</a> | <a href="https://www.xxl.fi" target="new">xxl.fi</a> | <a href="https://www.xxl.dk" target="new">xxl.dk</a> | <a href="https://www.xxlsports.at" target="new">xxlsports.at</a></p></td>
</tr>
<tr>
<td><a href="https://www.facebook.com/xxlnorge" target="_blank"><img src="ai-fil/images/Signature_Facebook.jpg" </a></td>
<td><a href="https://www.instagram.com/xxlsport" target="_blank"><img src="ai-fil/images/Signature_Instagram.jpg"</a></td>
<td><a href="https://www.youtube.com/xxlallsports" target="_blank"><img src="ai-fil/images/Signature_Youtube.jpg"</a></td>
<td><a href="https://www.xxl.no/nyhetsbrev" target="_blank"><img src="ai-fil/images/Signature_Newsletter.jpg"</a></td>
</tr>
<tr>
<td colspan="5"> </td>
</tr>
</tbody>
</table>
</body>
</html>

Click to view attachment Click to view attachment
pandy
I don't see that you use height anywhere.

Was the Ps there at all before you added the font size? Browsers add margins on P, so set their margin to 0. If that isn't enough, reduce the line-height.

I would remove the Ps altogether though. A P isn't needed within a TD with only one line. Use the CSS directly with TD instead.
torathu
Thank you for your reply, adding the line-height helped!
Now that I am using the signature in outlook I have encountered another problem.
For the linked images, another "link" with the text <=""> appear underneath them. Any idea of how to get rid of this?

See image:

IPB Image

Thanks!


pandy
Getting rid of the margin on P should help more.

Looks like some broken tags. Can you post the markup as it is now?
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2018 Invision Power Services, Inc.