Enlever le remplissage de texte/Marge à l'intérieur de la forme VML

Question

J'essaie de comprendre comment afficher ce texte (!). Même s'il est plus petit que le cercle dans lequel il se trouve, il est coupé à environ 1/3 du cercle.

Je voudrais l'utiliser spécifiquement pour Outlook.

<v:roundrect xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word" style="height:20px;v-text-anchor:middle;width:20px;" arcsize="50%" stroke="f" fillcolor="#ffcb05"> 
    <center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;">!</center> 
</v:roundrect> 

Quelqu'un a des idées? J'ai essayé overflow:visible sur le cercle en vain.

Plus d'informations

En utilisant une macro pour obtenir html test dans Outlook.

Il est très certainement une sorte de marge ou de remplissage sur l'élément v:roundrect. Après l'importation du code HTML, je peux faire un clic droit, aller à Format Shape, puis Layout & Properties, ce qui me donne les 4 options "marge". Les mettre à zéro me donne l'effet désiré. Le problème est que je ne peux pas saisir ce code HTML, et je n'ai aucune idée de la propriété à laquelle cela correspond.

dernier code:

<v:roundrect style="height:30px;width:30px;margin:0 !important;padding:0 !important; mso-margin-bottom-alt:0 !important;mso-margin-top-alt:0 !important;mso-margin-right-alt:0 !important;mso-margin-left-alt:0 !important;mso-padding-bottom-alt:0 !important;mso-padding-top-alt:0 !important;mso-padding-right-alt:0 !important;mso-padding-left-alt:0 !important;" arcsize="50%" strokeweight="2px" strokecolor="#FFFFFF" fillcolor="#ffcb05" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"> 
    <center style="color:#ffffff;font-family:sans-serif;font-size:16px;font-weight:bold;margin:0 !important;padding:0 !important;mso-margin-bottom-alt:0 !important;mso-margin-top-alt:0 !important;mso-margin-right-alt:0 !important;mso-margin-left-alt:0 !important;mso-padding-bottom-alt:0 !important;mso-padding-top-alt:0 !important;mso-padding-right-alt:0 !important;mso-padding-left-alt:0 !important;">!</center> 
</v:roundrect> 

J'ai essayé en utilisant différents éléments (portée, p, etc ..) au lieu du centre.

Answer 1

zone de texte avec encart remis à zéro est la clé. Je l'avais déjà essayé, mais sans html imbriqué. Le texte entré directement dans l'élément v:textbox ne semble pas fonctionner, j'ai donc utilisé un élément center pour encapsuler du texte et définir des styles.

<v:roundrect style="height:20px;width:20px;" arcsize="50%" strokeweight="2px" strokecolor="#FFFFFF" fillcolor="#ffcb05" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:w="urn:schemas-microsoft-com:office:word"> 
    <v:textbox inset="0,0,0,0"> 
     <center style="font:300 14px/15px Impact, Sans-serif;color:#FFFFFF;mso-line-height-rule:exactly;">!</center> 
    </v:textbox> 
</v:roundrect> 

Answer 2

Vous pouvez essayer d'ajouter line-height: 16px; mso-line-height-rule: exactement; aux attributs de style du centre. Les perspectives, en particulier les versions ultérieures, ont tendance à coller beaucoup d'espace supplémentaire au-dessus et en dessous du texte, et ne suivront pas la hauteur de votre ligne si vous ne le forcez pas.

Answer 3

Il pourrait aider à résoudre votre problème: https://buttons.cm/