[HTML] Links in email-signature worden blauw.

[xilent_xage]

Hoi,

ik ben een email-signature aan het maken, en dan natuurlijk een zo net mogelijke, gebaseerd op een vcard, maar natuurlijk wel met wat styles erin omdat het anders helemaal een kale bedoening wordt.

HTML:

<div id="hcard-Mijn-Naam" class="vcard" style="font-family: calibri, arial, verdana; font-size: 12px;">
   <div class="org" style="font-size: 19px; font-weight: bold; border-top: 1px dotted #DDD;px dotted #DDD;margin-top: 20px; padding-top: 10px; width: 260px; color: #71BF44;">BEDRIJFSNAAM</div>
   <div class="motto" style="font-weight: bold; font-size: 13px;">bedrijfsmotto</div>
   <ul style="list-style-type: none;">
      <li class="fn" style="font-weight: bold; font-size: 13px;">Mijn Naam</li>
      <li class="tel">06nogwat</li>
      <li class="url">www.mijnwebsite.nl</li>
      <li class="email">[e-mail]</li>
   </ul>
</div>

Probleem is dat zowel mijn website als email adres worden herkend in de meeste webclients (gmail, hotmail...), en daarom blauw worden weergegeven. Dat ziet er niet uit! Natuurlijk al geprobeerd dat te overulen door een color mee te geven in de style, maar dat helpt niks.

Toch zie ik bij andere mensen wel dat het zwart is, alleen is het dan geen linkje. Als ik naar de source van hun signature kijk zie ik dat ze het (net als ik) gewoon als platte tekst in hun sig hebben staan.

Het liefst zou ik willen dat de website en het email adres wel een link blijven, maar dan zwart. Als dat niet kan, dan toch in ieder geval zwart want zo kan ik mij niet vertonen!

Wie o wie weet hier een truuk voor? Zelfs meneer Google weet het niet...

[XWB]

Geen idee of dit werkt, maar je kan het proberen:

HTML:

<a style="color: #000;" href="mailto:[e-mail]">[e-mail]</a>

[xilent_xage]

Nope, heb al geprobeerd dmv style de color te zetten, maar het blijft blauw...

[XWB]

Ik vraag me af of je de kleur wel kan aanpassen. Als gmail en hotmail in hun eigen css aangeven om dit een blauw kleur te geven, dan kan je daar weinig aan doen?

[siddler]

Is het niet mogelijk om hier met een inline css te werken, waarin je aangeeft dat links zwart moeten zijn?
Dus doormiddel van
a:link, a:visited, a:hover, a:active?

[Bitage]

Als je een mailtje als HTML verzend, kun je gewoon CSS regels meegeven tussen de <style>-tag. Heb je dat al geprobeerd?

Cascading Stylesheet:

div.vcard a
{
color:#000000;
/* Eventueel de streep eronder wegwerken */
text-decoration:none;
}

/* Als je de streep weghaalt is het misschien toch nog handig al je weet dat het een link is */
div.vcard a:hover
{
text-decoration:underline;
}

[MediQ]

En als je het apenstaartje vervangt door de ascii code

code:

@

en een punt met

code:

.

. Misschien herkent ie het emailadres dan niet meer als adres, dus

code:

<li class="email">[e-mail]</li>

[ Voor 14% gewijzigd door MediQ op 30-09-2008 21:28 ]

[XWB]

Hacku schreef op dinsdag 30 september 2008 @ 21:10:
Geen idee of dit werkt, maar je kan het proberen:

HTML:

<a style="color: #000;" href="mailto:[e-mail]">[e-mail]</a>

Dom van mij, linkjes kan je zo niet stylen. Probeer het zo even (css tussen de style tag in je head) :

Cascading Stylesheet:

li.email a
{
    color: #000;
}

[ Voor 4% gewijzigd door XWB op 30-09-2008 21:28 ]

[xilent_xage]

inline css werkt niet, helaas, ascii ook niet. ik zie het regelmatig bij andere mensen wel goed gaan, check je eigen inbox maar eens. wat doe ik fout??

[xilent_xage]

Bovendien kan ik de head sectie van mijn mail niet aanpassen (ik verstuur vanuit gmail)

ow f#k dat is misschien ook wel het probleem... dat Gmail de adressen bij het versturen van de mail parsed. Lijkt me logisch, doen ze natuurlijk ook met de tekst in je mailbericht: internet en emailadressen omzetten naar linkjes. Daarom ijn de linkjes overal blauw (zelfs in outlook)...

Heb ik gelijk?

[djexplo]

Cascading Stylesheet:

<style type="text/css">
a:link {color: #000000; text-decoration: underline; }
a:active {color: #000000; text-decoration: underline; }
a:visited {color: #000000; text-decoration: underline; }
a:hover {color: #f000000; text-decoration: none; }
</style> 

Dit gewoon boven je sig.code zetten ...

[xilent_xage]

@djexplo: nope.

Zonder ondankbaar te willen lijken: Het probleem is dus dat het niet met een style te overriden is. ook niet met hoge specificy, niet inline en niet in <style>.

[djexplo]

xilent_xage schreef op dinsdag 30 september 2008 @ 21:48:
@djexplo: nope.

Zonder ondankbaar te willen lijken: Het probleem is dus dat het niet met een style te overriden is. ook niet met hoge specificy, niet inline en niet in <style>.

Dat zou wel moeten, het werkt bij mij wel goed..., Als ik jou was zou ik eens het verschil tussen de html code die je verzend, en de source van de e-mail die je binnen krijgt hier neer zetten.
Want op 1 of andere manier moet die style code dus automatisch worden verwijdered of met alternatieve code override worden ...

[djexplo]

xilent_xage schreef op dinsdag 30 september 2008 @ 21:07:
Wie o wie weet hier een truuk voor? Zelfs meneer Google weet het niet...

Niet helemaal waar, http://www.google.nl/sear...&meta=&btnG=Google+zoeken zie b.v. de 4e (5thirtyone.com) link...

The “Allow HTML in Signature” option in Gmail’s settings won’t show up until this is enabled first. , Oftewel eerste "Better Gmail" extension in firefox installeren, en dan enabelen..

[ Voor 26% gewijzigd door djexplo op 30-09-2008 22:13 ]

[TheDane]

Als 't bij anderen werkt, kun je dan niet de broncode van die berichten bekijken en zien wat daar gebeurt?

Alternately ..

code:

<a href="mailto:[e-mail]"><span style="color: #000;">[e-mail]</span></a>

[Joolee]

xilent_xage schreef op dinsdag 30 september 2008 @ 21:48:
@djexplo: nope.

Zonder ondankbaar te willen lijken: Het probleem is dus dat het niet met een style te overriden is. ook niet met hoge specificy, niet inline en niet in <style>.

Die ervaring heb ik ook. GMail interpreteert alle HTML en CSS en alles dat hij niet begrijpt gooit hij eruit.

Mijn <hr> probleempje kon ik toen oplossen met een 1x250px zwart divje.

[xilent_xage]

De signatures die wel werken zijn duidelijk opgemaakt door Outlook (class=3DMsoNormal) en daar werken ze met ugly font-tags.

@djexplo met better gmail: die info is alweer achterhaald, maar doet hier niet terzake: HTML sigs werken gelukkig prima.

Maar om nog even terug te komen op mijn eerdere post: Kan het zijn dat de links worden geparsed als de mail wordt verstuurd ipv door de client van de ontvanger? Lijkt mij nl een veel logischer verklaring... en zoja dan valt er m.i. niet zo veel meer aan te doen.... ook niet door alsnog <font> tags te gebruiken, omdat het probleem is dat Gmail de signature parsed. Dus zelfs als ik

Update: Dat kan ik natuurlijk gewoon testen. Zelfs als ik een 'werkende signature' jat en als test verzend treedt het probleem op. Conclusie: Het is niet te fixen.

bedankt voor het meedenken!

[ Voor 23% gewijzigd door xilent_xage op 30-09-2008 23:00 ]

[Bosmonster]

xilent_xage schreef op dinsdag 30 september 2008 @ 22:51:
De signatures die wel werken zijn duidelijk opgemaakt door Outlook (class=3DMsoNormal) en daar werken ze met ugly font-tags.

Die 'ugly font-tags' zijn nog steeds de aan te raden manier voor het opmaken van goede x-system e-mail. HTML 3.2 aanhouden en zo weinig mogelijk, of liever zelfs GEEN css gebruiken is aan te raden.

[kaassouffle]

Deze ooit eens ge-bookmarked, mss handig:
http://www.campaignmonito..._css_support_in_emai.html

(zie bericht hier onder ! )

[ Voor 15% gewijzigd door kaassouffle op 01-10-2008 14:04 ]

[Bosmonster]

kaassouffle schreef op woensdag 01 oktober 2008 @ 12:03:
Deze ooit eens ge-bookmarked, mss handig:
http://www.campaignmonito..._css_support_in_emai.html

Wel handig, maar ook erg gedateerd. De webdiensten zijn inmiddels aardig geupdatet. Terwijl Microsoft met Outlook 2007 een behoorlijke stap achterwaarts heeft gezet.

Zeker voor zakelijke e-mails is Outlook een belangrijke factor, wat de mogelijkheden in de opbouw van je email niet ten goede komt.

[Boelie-Boelie]

Omdat de CSS-ondersteuning regelmatig verandert, werkt Campaign Monitor regelmatig de lijst bij:
www.campaignmonitor.com/css/ ('Last updated on August 26, 2008')