table width in mails/order_conf.html

[Frevab]

I am trying to change the colomn widths in the order_conf emails but what ever width I use in the html file the actual email does not show the set width. I attache twee pdf file: one showing the html file when I open it with my browser showing the kolom width I want and the second pdf file shows the email being received as a customer which has a different column width.

How can this be?

It looks like to email ignores the widths set in the html file.

 

 

html.pdf

order_conf-email.pdf

[tuk66]

The width in order_conf.html template is set by the first table:

<table style="font-family: Verdana,sans-serif; font-size: 11px; color: #374953; width: 550px;">

[PascalVG]

Frevab,

 

Which shop? Your 1.4.9.0 or 1.5.4.1 shop??

[Frevab]

 

The width in order_conf.html template is set by the first table:

<table style="font-family: Verdana,sans-serif; font-size: 11px; color: #374953; width: 550px;">

Thanks for your reply. The total width of the table but how about the width for each column?

I have:

 

<<tr style="background-color: #94531f; color: #f4f3ef; text-align: center;"><th style="padding: 0.6em 0pt; width: 15%;">Referentie</th><th style="padding: 0.6em 0pt; width: 45%;">Product</th><th style="padding: 0.6em 0pt; width: 10%;">Prijs</th><th style="padding: 0.6em 0pt; width: 10%;">Aantal</th><th style="padding: 0.6em 0pt; width: 20%;">Bedrag</th></tr>

 

but as you can see the width of the last column is 20% and the two before that 10% each. When I view this layout buy opening the html-file it shows the width as stipulated but when I receive the email the module sends out (printed as a pdf file called "order_conf-email.pdf" to be able to show you) the width of the last colomn is much smaller than the previous 2. Even the 3rd and 4th column width looks different although in the html file they are both 10%.  I know that if the text on top of the column is to wide for the column the column width addapts to it, but in this case the text is small enough to fit in the 10% resp 20% width.

 

When I open the email in Outlook and look at the source it looks like this

 

<tr>

<td align="left">

<table style="width: 100%; font-family: Verdana,sans-serif; font-size: 11px; color: #535353;"><!-- Title -->

<tbody>

<tr style="background-color: #94531f; color: #f4f3ef; text-align: center;"><th style="padding: 0.6em 0pt; width: 15%;">Referentie</th><th style="padding: 0.6em 0pt; width: 45%;">Product</th><th style="padding: 0.6em 0pt; width: 10%;">Prijs</th><th style="padding: 0.6em 0pt; width: 10%;">Aantal</th><th style="padding: 0.6em 0pt; width: 20%;">Bedrag</th></tr>

<tr>

<td colspan="5"><tr style="background-color: #EBECEE;">

                                <td style="padding: 0.6em 0.4em;width: 15%;"></td>

                                <td style="padding: 0.6em 0.4em;width: 30%;"><strong>Treverk - Kleur : Beige, Tegelmaat : 30x120cm</strong></td>

                                <td style="padding: 0.6em 0.4em; width: 20%;">€  56,16</td>

                                <td style="padding: 0.6em 0.4em; width: 15%;">1</td>

                                <td style="padding: 0.6em 0.4em; width: 20%;">€  56,16</td>

                            </tr></td>

</tr>

 

The width is kept to 10%, 10% and 20% for the column header for the last 3 columns the width of the {items} is different (20%, 15% and 20% for the last 3 column).

How can this be changed. Does the module change this or Outlook?

Edited April 11, 2014 by Frevab (see edit history)

[PascalVG]

Hi Frevab,

 

Looking at the two attachments, it looks like the Email template you show here is not the email template used as shown in the result:

 

email template has two brown blocks:

 

But result has not these blocks:

 

 

Can it be you edited the wrong file?

 

or should you edit file: mails/nl/order_conf.html instead of mails/nl/order_conf_text.html

 

My 2 cents,

pascal