Skip to content Skip to sidebar Skip to footer
Home / Background / Email / Html / Outlook / Vml

Table Align Right Within Vml Textbox???

Post a Comment
Does anyone know how to align a table right within a VML textbox? Left and center work fine but Right seems to get ignored.... Heres and example of the code

Solution 1:

Try setting your <div> to width:100%;. If that doesn't fix it, put a 100% width table in there, nest and align the child (your desired content) within that.

Example:

<tablewidth="600"border="0"cellpadding="0"cellspacing="0"align="center"><tr><tdbgcolor="#DDDDDD"style="background-image: url('http://i.imgur.com/XCnBXwP.png');"background="http://i.imgur.com/XCnBXwP.png"height="92"valign="top"><!--[if gte mso 9]>
  <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:92px;">
    <v:fill type="tile" src="http://i.imgur.com/XCnBXwP.png" color="#7bceeb" />
    <v:textbox inset="0,0,0,0">
  <![endif]--><divstyle="width:100%;"><tablewidth="100%"border="0"cellpadding="0"cellspacing="0"><tr><tdalign="right"><tablewidth="300"border="0"cellpadding="0"cellspacing="0"align="right"><tr><tdbgcolor="#FF00FF"align="right"style="font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;"> | This is test text | </td></tr></table></td></tr></table></div><!--[if gte mso 9]>
    </v:textbox>
  </v:rect>
  <![endif]--></td></tr></table>

Solution 2:

Sorry, late coming to the party...

you need an extra div with align="right" before you table & contents. VML textbox ignores align on tables for some reason. 

<tablewidth="600"border="0"cellpadding="0"cellspacing="0"align="center"><tr><tdbgcolor="#DDDDDD"style="background-image: url('http://i.imgur.com/XCnBXwP.png');"background="http://i.imgur.com/XCnBXwP.png"height="92"valign="top"><!--[if gte mso 9]>
        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;height:92px;">
        <v:fill type="tile" src="http://i.imgur.com/XCnBXwP.png" color="#7bceeb" />
        <v:textbox inset="0,0,0,0">
        <![endif]--><div><divalign="right"><tablewidth="300"border="0"cellpadding="0"cellspacing="0"align="right"><tr><tdbgcolor="#FF00FF"align="right"style="font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold;"> | This is test text | </td></tr></table></div></div><!--[if gte mso 9]>
      </v:textbox>
      </v:rect>
      <![endif]--></td></tr></table>

And here is the link

Post a Comment for "Table Align Right Within Vml Textbox???"

Menu Halaman Statis

© 2022 - Html5 Cafe