Table heights in Dreamweaver, Trouble setting table height using <p style |
Table heights in Dreamweaver, Trouble setting table height using <p style |
torathu |
Jun 27 2017, 07:01 AM
Post
#1
|
Group: Members Posts: 2 Joined: 27-June 17 Member No.: 26,443 |
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: 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> XXL_signature_html.html ( 2.24k ) Number of downloads: 376 |
pandy |
Jun 27 2017, 08:00 AM
Post
#2
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
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 |
Jun 27 2017, 09:19 AM
Post
#3
|
Group: Members Posts: 2 Joined: 27-June 17 Member No.: 26,443 |
|
pandy |
Jun 27 2017, 07:25 PM
Post
#4
|
🌟Computer says no🌟 Group: WDG Moderators Posts: 20,730 Joined: 9-August 06 Member No.: 6 |
Getting rid of the margin on P should help more.
Looks like some broken tags. Can you post the markup as it is now? |
Lo-Fi Version | Time is now: 19th April 2024 - 12:38 PM |