Du må være registrert og logget inn for å kunne legge ut innlegg på freak.no
X
LOGG INN
... eller du kan registrere deg nå
Dette nettstedet er avhengig av annonseinntekter for å holde driften og videre utvikling igang. Vi liker ikke reklame heller, men alternativene er ikke mange. Vær snill å vurder å slå av annonseblokkering, eller å abonnere på en reklamefri utgave av nettstedet.
  1 7678
Jeg har fått oppdraget å sette signaturer til de ansatte på jobb i html. De aller fleste bruker outlook som mail-prog.
Dette medfører at dette oppsettet ikke fungerer som det skal.
Jeg er IKKE web-designer, men kan noe programmering, men akkurat her klarer jeg ikke finne feilen.

I dette oppsettet skal det være "3 bokser", hvorpå boks A (inneholder "Best regards")skal ligge øverst.
Under denne boksen skal det komme to bokser som skal ligge ved siden av hverandre: Boks B (inneholder navn, tittel, mobil og epost-info) og Boks C (inneholder logo-bilde, jobbadresse, jobbtelefon og www). Boks B ligger til venstre og Boks C til høyre for denne, men dersom mailen med denne signaturen i åpnes på f.eks mobil, skal Boks C legge seg under Boks B.
Dette oppsettet under fungerer HELT TOPP i min mail, som er programmet Mail på en Mac, derimot fungerer det overhodet ikke på min kollega sin som er en Microsoft-maskin med Outlook-prog.

Kan noen hjelpe meg med å se hva som er feil?
Legger ved koden jeg har brukt her:

<!--[if (gte mso 9) | (IE)]>
<table cellspacing=0>
<tr><td style="font-family: Verdana, Arial, 'sans-serif'; font-size: 9pt; color: #000; background-color: none; width: 250px; height: 25px; vertical-align: top;">
<![endif]-->
<div style="float: left; Margin-top: 20px; font-family: Verdana, Arial, 'sans-serif'; font-size: 9pt; color: #000; background-color: none; width: 250px; height: 25px; vertical-align: top;">
<meta charset="utf-8">Best regards<br /><br /></div>
<!--[if (gte mso 9) | (IE)]>
</td></tr>
<![endif]-->


<!--[if (gte mso 9) | (IE)]>
<table cellspacing=0><tr><td style="background-color: none; width: auto; height: 90px; vertical-align: top;">
<![endif]-->
<div style="float: left; Margin-top: 0px; Margin-right:30px; Margin-bottom:20px; background-color: none; font-family: Verdana, Arial, 'sans-serif'; font-size: 9pt; color: #000; width: auto; height: 90px; vertical-align: top;"><meta charset="utf-8">
<b style="color:#000;font-size:11pt;">John Doe<br /></b>
Worktitle<br /><br />
+47 000 00 000<br />
<a href="mailto:jd@email.no" style="color: #000; text-decoration: none;">jd@email.no</a></div>

<!--[if (gte mso 9) | (IE)]>
</td>
<td style="font-family: Verdana, Arial, 'sans-serif'; font-size: 9pt; color: #000; background-color: none; width: auto; height: 90px; vertical-align: top;">
<![endif]-->
<div style="float: left; font-family: Verdana, Arial, 'sans-serif'; font-size: 9pt; color: #000; background-color: none; width: auto; height: 90px; vertical-align: top;">
<meta charset="utf-8">
<img src="bilde.png" alt="bilde" height="45px"><br />
<b style="color:#ddd;text-transform:uppercase;font-size:7pt;">Workroad 1, N-0000 Worktown<br />
+47 00 00 00 00,</b>
<a href="http://www.test.no" title="visit testen">
<b style="color:#ddd;text-transform:uppercase;font-size:7pt;text-decoration: none;">www.test.no</b></a></meta>
​</div>
<!--[if (gte mso 9) | (IE)]>
</td></tr></table>
<![endif]-->
▼ ... over en uke senere ... ▼
Problemet er at CSS og epost-signaturer ikke går overens. Se på https://www.campaignmonitor.com/css/...style-in-head/ for en oversikt over hva som støttes i de forskjellige epostklientene. https://msdn.microsoft.com/en-us/lib...or=-2147217396 Inneholder litt spesifikk informasjon om de forskjellige Outlook-versjonene.