Printable Version of Topic

Click here to view this topic in its original format

HTMLHelp Forums _ Markup (HTML, XHTML, XML) _ Align entire signature (table) to right

Posted by: get2guy Jan 15 2020, 04:40 PM

Hi all,
We use Hebrew in our signatures and we wish to align everything to the right....
Any help with the code below?

CODE

<p> </p>
<p> </p>
<table style="width: 410px; font-size: 10pt; text-align: right; font-family: Arial, sans-serif;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<table cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="font-size: 10pt; text-align: right; color: #0079ac; font-family: Arial, sans-serif; width: 305px; padding-bottom: 5px; padding-left: 10px; vertical-align: top; line-height: 25px;" valign="top"><strong><span style="font-size: 14pt; text-align: right; font-family: Arial, sans-serif; color: #0079ac;">%%DisplayName%%<br /></span></strong> <span style="font-family: Arial, sans-serif; text-align: right; font-size: 10pt; color: #444444;">%%Title%%</span> <span style="font-family: Arial, sans-serif; text-align: right; font-size: 10pt; color: #444444;"> | </span> <span style="font-family: Arial, sans-serif; text-align: right; font-size: 10pt; color: #444444;">%%Company%%</span></td>
</tr>
<tr>
<td style="font-size: 10pt; text-align: right; color: #444444; font-family: Arial, sans-serif; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; vertical-align: top;" valign="top"><span style="font-size: 10pt; text-align: right; font-family: Arial, sans-serif; color: #444444;"> %%MobileNumber%%<br /></span> <span style="font-size: 10pt; text-align: right; font-family: Arial, sans-serif; color: #444444;"> %%PhoneNumber%%<br /></span> <span style="font-size: 10pt; text-align: right; font-family: Arial, sans-serif; color: #444444;"> %%Email%%</span></td>
</tr>
<tr>
<td style="font-size: 10pt; font-family: Arial, sans-serif; text-align: right; padding-bottom: 5px; padding-top: 5px; padding-left: 10px; vertical-align: top; color: #0079ac;" valign="top"><a style="text-decoration: none;" href="http://www.berman.co.il" target="_blank" rel="noopener"><span style="font-size: 10pt; font-family: Arial, sans-serif; color: #0079ac;">www.berman.co.il</span></a></td>
</tr>
<tr>
<td style="font-size: 10pt; font-family: Arial, sans-serif; padding-bottom: 5px; padding-top: 5px; padding-right: 5px; vertical-align: top;" valign="top"><a href="https://he-il.facebook.com/bermanbakery/" target="_blank" rel="noopener"><img style="border: 0; height: 23px; width: 23px;" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/simplephoto/fb.png" alt="facebook icon" width="23" border="0" /></a> <a href="https://twitter.com/bermanbread?lang=he" target="_blank" rel="noopener"><img style="border: 0; height: 23px; width: 23px;" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/simplephoto/tt.png" alt="twitter icon" width="23" border="0" /></a> <a href="https://www.youtube.com/channel/UCh3L5YiHLPGW_5_sBvynVlw" target="_blank" rel="noopener"><img style="border: 0; height: 23px; width: 23px;" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/simplephoto/yt.png" alt="youtube icon" width="23" border="0" /></a> <a href="https://www.linkedin.com/company/j&e-berman" target="_blank" rel="noopener"><img style="border: 0; height: 23px; width: 23px;" src="https://codetwocdn.azureedge.net/images/mail-signatures/generator/simplephoto/ln.png" alt="linkedin icon" width="23" border="0" /></a> </td>
</tr>
</tbody>
</table>
</td>
<td style="width: 105px; text-align: right; padding-right: 10px; font-family: Arial,sans-serif; font-size: 10pt; vertical-align: top; border-right-color: #0079ac; border-right-width: 1px; border-right-style: solid;" rowspan="6" align="center" valign="top"><img src="https://i.postimg.cc/RhYrbBSC/Berman-Logo-Big.png" alt="" width="90" height="300" /></td>
</tr>
</tbody>
</table>
<p> </p>

Posted by: Christian J Jan 15 2020, 07:34 PM

CSS Writing Mode might be used for that, see https://www.w3.org/TR/css-writing-modes-3/#text-flow

CODE

Any help with the code below?

It's more practical to avoid inline styles. Put the CSS in an embedded or external stylesheet instead (with CLASSes and IDs as identifiers for HTML elements where necessary).

Posted by: pandy Jan 15 2020, 07:46 PM

Unless the signature is for an email...

But I don't understand. The text is already right aligned.

Posted by: get2guy Jan 15 2020, 11:56 PM

Yes, Its for a 365 exchange signature.
Any "Table align" option? to set it for the right side of the screen

If no, Can CSS be used in simple html signature?

Posted by: pandy Jan 16 2020, 07:46 AM

So it's the whole table you want right aligned!

Yes, align="right" in the TABLE tag. Or CSS 'float: right'.

Posted by: get2guy Jan 19 2020, 06:52 PM

QUOTE(pandy @ Jan 16 2020, 02:46 PM)

So it's the whole table you want right aligned!

Yes, align="right" in the TABLE tag. Or CSS 'float: right'.

align="right" in the TABLE tag solved it
Thanks!