Space between HTML lines

Asked

Viewed 272 times

0

Hello I have a problem with a signature in the company where I work, I had to add some icons and make it more beautiful, until then everything ok, but there was a space between the lines that I can not remove, someone could help me because I am not very good with HTML.

<p class=MsoNormal>Atenciosamente,</p>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>
</div>
<table width="450" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td width="100"><img src="http://www.designbento.com.br/apoio/ecoplan/ass-ecoplan.gif" alt="Ecoplan - aços especiais" border="0" /></td>
<td width="279" valign="bottom" style="margin-right: 30px;">
<p style="font-family: Helvetica, 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #333; font-size: 17px;"><b>Nome do funcionário </b>
    <HR  ALIGN=RIGHT NOSHADE COLOR=#ffffff >
  <img src="https://images.assetsdelivery.com/compings_v2/koblizeek/koblizeek1901/koblizeek190100017.jpg" width="17" height="17"  /><span style="font-size: 12px;">Cargo do funcionario
  <p style="font-family: Helvetica, 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #333; font-size: 12px;"p>
  <img src="http://www.dunfermlinesound.org.uk/webs/107/images/WS1831923.png" width="15" height="15" />+ramal e numero da empresa
  <HR  ALIGN=RIGHT NOSHADE COLOR=RED >
<a href="https://www.facebook.com/acosecoplan/"><img src="https://iconsplace.com/wp-content/uploads/_icons/ff0000/256/png/facebook-2-icon-14-256.png" width="20" height="20" /></a>
<a href="https://www.linkedin.com/company/acosecoplan"><img src="https://icon-library.net/images/linkedin-image-icon/linkedin-image-icon-12.jpg" width="20" height="20" /></a>
<a href="https://www.instagram.com/acosecoplan/"><img src=https://iconsplace.com/wp-content/uploads/_icons/ff0000/256/png/instagram-2-icon-14-256.png" width="20" height="20" /></a>
<br><a class="redtext" style="text-decoration:none" title="acesse nosso site" href="http://www.acosecoplan.com.br">www.acosecoplan.com.br</a></p></br>
</td>
</tr>
</tbody>
</table>

  • 1

    Between which lines exactly?

  • how is the css file that references this part?

  • Between the lines of the employee’s name, and the post.

1 answer

1

Add the property style="margin: 2px; in his tag <hr>. In case, will control the bank in the four directions (top, right, bottom and left), but in your case it already seems to be enough. If you want to further decrease the spacing, leave a lower value yet. Observing: there was a tag </div> isolated at the beginning of the code I removed. See if this solves.

<p class=MsoNormal>Atenciosamente,</p>
<p class=MsoNormal><o:p>&nbsp;</o:p></p>

<table width="450" cellspacing="0" cellpadding="0">
  <tbody>
<tr>
  <td width="100"><img src="http://www.designbento.com.br/apoio/ecoplan/ass-ecoplan.gif" alt="Ecoplan - aços especiais" border="0" /></td>
  <td width="279" valign="bottom" style="margin-right: 30px;">
    <p style="margin: 0; padding: 0; font-family: Helvetica, 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #333; font-size: 17px;"><b>Nome do funcionário </b></p>
    
    <hr  align=RIGHT noshade="" color="#ffffff" style="margin: 2px;" >

  <img src="https://images.assetsdelivery.com/compings_v2/koblizeek/koblizeek1901/koblizeek190100017.jpg" width="17" height="17"  /><span style="font-size: 12px;">Cargo do funcionario
  <p style="font-family: Helvetica, 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #333; font-size: 12px;"p>
  <img src="http://www.dunfermlinesound.org.uk/webs/107/images/WS1831923.png" width="15" height="15" />+ramal e numero da empresa
  <HR  ALIGN=RIGHT NOSHADE COLOR=RED >
<a href="https://www.facebook.com/acosecoplan/"><img src="https://iconsplace.com/wp-content/uploads/_icons/ff0000/256/png/facebook-2-icon-14-256.png" width="20" height="20" /></a>
<a href="https://www.linkedin.com/company/acosecoplan"><img src="https://icon-library.net/images/linkedin-image-icon/linkedin-image-icon-12.jpg" width="20" height="20" /></a>
<a href="https://www.instagram.com/acosecoplan/"><img src=https://iconsplace.com/wp-content/uploads/_icons/ff0000/256/png/instagram-2-icon-14-256.png" width="20" height="20" /></a>
<br><a class="redtext" style="text-decoration:none" title="acesse nosso site" href="http://www.acosecoplan.com.br">www.acosecoplan.com.br</a></p></br>
</td>
</tr>
</tbody>
</table>

  • 1

    Thank you so much for the real help! helped me a lot...

  • Legal, if you can accept the answer, see the tour.

Browser other questions tagged

You are not signed in. Login or sign up in order to post.