The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
Reply to this topicStart new topic
> Align entire signature (table) to right
get2guy
post Jan 15 2020, 04:40 PM
Post #1





Group: Members
Posts: 3
Joined: 15-January 20
Member No.: 27,125



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>
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Christian J
post Jan 15 2020, 07:34 PM
Post #2


.
********

Group: WDG Moderators
Posts: 9,628
Joined: 10-August 06
Member No.: 7



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).

User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 15 2020, 07:46 PM
Post #3


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



Unless the signature is for an email...

But I don't understand. The text is already right aligned.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
get2guy
post Jan 15 2020, 11:56 PM
Post #4





Group: Members
Posts: 3
Joined: 15-January 20
Member No.: 27,125



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?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
pandy
post Jan 16 2020, 07:46 AM
Post #5


🌟Computer says no🌟
********

Group: WDG Moderators
Posts: 20,716
Joined: 9-August 06
Member No.: 6



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

Yes, align="right" in the TABLE tag. Or CSS 'float: right'.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
get2guy
post Jan 19 2020, 06:52 PM
Post #6





Group: Members
Posts: 3
Joined: 15-January 20
Member No.: 27,125



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!
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post

Reply to this topicStart new topic
2 User(s) are reading this topic (2 Guests and 0 Anonymous Users)
0 Members:

 



- Lo-Fi Version Time is now: 19th March 2024 - 01:24 AM