Hello hive mind,
I am in desperate need of some HTML help. I am have almost no HTML experience, but have been teaching myself some basic hacks. I am so close to having our Return Template ready, but I am stuck on aligning our footer (which just consists of our signature) on the bottom right. Below is a screenshot of the rendered footer and below is what I used to achieve this (simply trial/error and google).
Any help would be greatly appreciated.
<p style= "font-size: 12px; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif; vertical-align: top; text-align: right"> <br> Ithaca College Theatre Box Office <br> 953 Danby Road, Ithaca, NY 14850 <br> Dillingham Center <br> boxoffice@ithaca.edu </br> </p>
I bet the main body of the template has a fixed width, or a maximum width applied to it. However, the footer does not, so the width will default to it's parent element, and if there is no parent element with a defined width, it will default to the width of the browser size. That's why your footer is all the way to the right- you have specified that it be aligned to the right, but the width isn't the same as the other content.I'd find how the width is defined for the body, and apply it to the footer. It might end up something like this:<p style= "width: 600px; font-size: 12px; font-weight: bold; color: #000000; font-family: Arial, Helvetica, sans-serif; vertical-align: top; text-align: right"><br>Ithaca College Theatre Box Office <br>953 Danby Road, Ithaca, NY 14850 <br>Dillingham Center <br>boxoffice@ithaca.edu </br></p>
Thank you! This plus the suggestion above worked. I've noticed that the css styling doesn't show up for gmail, do you know why this occurs? Not the end of the world, just curious.
I'm more of a website guy than an email guy, so I don't know off the top of my head, but would be happy to take a look. Shoot me a test at cstuart@vafest.org and I'll look.