HTML email not centering - html-email

the HTML looks good in a web browser. The header is centered and the text is indented slightly left and right and centered under the header.
The method I'm using to send an email is open it in the web browser> select all> Paste into Outlook.
Everything justifies left.
(before/after image attached)
This forum will not let me paste the code (it's telling me to indent 4 spaces. I have no idea what that means) so here's a link to the HTML file. Capital-Images-email-sig.htmlSorry for the hassle.
I am not a coder so any and all help very much appreciated.
This was together from a patchwork of a few sources so it's probably sloppy.
Thank you so much!
enter image description here

Related

Rich format image alt within an email

I have to send an image by email that may not be rendered on the receiver side. Since this image is the sole purpose of the email, the alt text should be well and richly formatted in order to translate the features the image is displaying.
As far as I know there is no way to style alt text as if it were a set of nested html tags. I saw some examples of styling, but this were not sufficient, since they were styling the whole alt text.
Any workaround for this?
Maybe a little bit of JS would solve the issue but I guess I could have a similar issues with script tags not working.

Tips of making a list in email

I am designing an email template. I have a running list of brand names hyperlinked to their websites. I would like it to be displayed inline for full-width, and stacked for narrow screens. I had separators in the past like a bullet or a vertical rule such as this: "|". But in mobile it's awkward considering only one name appears per line.
The next thing I tried was to enclose each list item in a border, but Outlook10/13 aren't handling the padding and margin as you know. I want a simple solution that I can show to novices when they populate the template. Any ideas? I'm adding screenshots of what I tried with the borders. But any other idea is welcome.
Thanks!!!
Full Width:
Mobile:
I have tried a lot of ways myself and one thing i found out was having logos in place of links often work better. I know images have to be downloaded but once they are downloaded it looks good. If you do go with images, you can style the alt tags to look like above when its not loaded.

Chrome: HTML form fields with CSS3 background gradient take on parent background colour on focus

I'm in the process of redesigning a website for a friend from school. Along the way I've encountered a weird bug in Google Chrome: I've styled the contact form (very basic, an input each for name and email address and a textarea for comments) using a CSS3 gradient background.
Everything works fine – until you click inside a field to enter data, whereupon the name input and textarea take on the background colour of their parent form element. The email input, meanwhile, retains the gradient both when focussed and when not (as desired).
Please visit http://www.chrisphilpot.co.uk/lucycooper2012/ to see what I am getting at. As I say, it seems to look fine in Firefox and IE9 picks up on the flat background #FFF which will do for the time being!
Do you have any bright ideas to fix this? I've relinked the page to the full, uncompressed CSS so feel free to have a rummage. The main styles for the form are in: http://www.chrisphilpot.co.uk/lucycooper2012/css/form.css
Thank you for your help and time!

Highlighting a string in a pdf iphone

I'm developing a book app.My client has provided all the contents of pdf.
I have already implemented all the contents of pdf to book.
But he wanted to highlight a text in that pdf.
The user would like the text to allow for highlighting (like if you're reading a paper book).
Is this possible? Can anyone help me on this, please?
Thanks in advance.
Theoretically yes.. depends on a bit hacking and other things, for example fonts used in the PDF. Have a look at PdfKitten, their demo project can find text in a PDF and highlight it. That should give you a first pointer on how to highlight. If you want to the user to highlight with the touches you would need to be able to transform locations of touches into the PDF to determine where exactly the user touched, but it should be possible.

PDF text position, page left margin

I want to write an application to validate a PDF file. The validation that is required is to verify that all the text and images in the PDF should start after 0.5" margin from left and 0.5" margin from the right. If any of the text is going outside this margin then application should be able to catch this.
I tried to search this into iText but couldn't get anything usefull that can solve my purpose.
Can somebody help me out in writing this code in .net csharp.
Thanks,
Praveen
In addition to R Ubben's answer : reader.getPageSize(pageNumber) is exactly the same as reader.getBoxSize(pageNumber,"media").
That's how it's implemented in iTextSharp. You can see it in source code.
Extract:
public Rectangle GetPageSize(PdfDictionary page) {
PdfArray mediaBox = page.GetAsArray(PdfName.MEDIABOX);
return GetNormalizedRectangle(mediaBox);
}
use SetMarginMirroring(true)
The PDF standard doesn't really have the concept of margins, since a PDF is supposed to be device independent. What it can have is five boxes designed to constrain output: media box, crop box, bleed box, art box, and trim box. Usually the other four boxes are the same size or smaller than the media box.
If a mediabox is present in your pdfs, you could retrieve it and check to see that it is 0.5" smaller on each side than the page. Try comparing the results of reader.getPageSize(pageNumber) and reader.getBoxSize(pageNumber,"media"). Very likely they will be the same.
What you can do is rewrite the pdfs to make sure there are 1/2 inch margins. The easiest way to this is shrink the page.