Hotmail verandert kleur van links

  • Onderwerp starter Onderwerp starter tvln
  • Startdatum Startdatum
Status
Niet open voor verdere reacties.
T

tvln

Gebruiker
Lid geworden
28 dec 2006
Berichten
5
Hallo iedereen.
Deze is niet makkelijk vrees ik... Ik probeer in HTML een webpagina te ontwerpen die ik dan via mail (ik open de pagina met WORD en verstuur hem van daaruit) wil doorsturen. Het zou gaan om 1 pagina waarop een aantal links staan. Ik heb de lay-out van het documentje zo gemaakt, dat de 'active links' en de 'visited links' in het lichtgeel staan. Probleem is dat, als ik de mail naar een hotmailaccount stuur, Hotmail alle links weergeeft in het blauw (standaard veronderstel ik), waardoor mijn lay-out eigenlijk naar de knoppen is...
Kan ik de code in HTML aanpassen zodat de links ALTIJD dezelfde kleur behouden?

Kan iemand me helpen? Alvast heel erg bedankt voor een reactie!

Groeten,
Tom
 
Met css:
HTML: 
<style type="text/css">
a:link {color: #FF0000}
a:visited {color: #00FF00}
a:hover {color: #FF00FF}
a:active {color: #0000FF}
</style>

</head>

of als je geen css kan gebruiken

HTML: 
<body alink="red" vlink="red" link="red">
</body>
 
Super! Ik heb het gedaan met die css-code. Ik heb die code ingevoegd tussen de tags <html> en <head>. Ik merk wel dat, als ik de mail bekijk in Hotmail, alle links in Hotmail ook diezelfde kleur aannemen als in mijn bericht, wat niet echt de bedoeling is.

Hoe zou ik ervoor kunnen zorgen dat de kleurinstellingen voor de links enkel gelden voor het bericht zelf en niet voor de instellingen van Hotmail?

Alvast heel erg bedankt!

Tom
 
verander in je css elke 'a' door 'a.vanmij', zo dus

HTML: 
<style type="text/css">
a.vanmij:link{...}
a.vanmij:active{...}
...

en dan voeg je in alle links van jouw pagina volgend attribuut toe: 'class="vanmij"'

Een link in jouw pagina gaat er dan zo uit zien:
HTML: 
<a href="ergens.htm" class="vanmij">klik hier</a>

--Johan
 
Tja, net eens geprobeerd, maar Hotmail geeft dan gewoon alle links opnieuw in het blauw (standaard)...
 
misschien als jet het met id probeert dan.
in principe moet je class boven de hotmail code staan en dus werken.... misschien toch een foutje gemaakt?

bij id's kan je
Code: 
<style type="text/css">
#nav :link {
	font-size: 12px;
	font-family: Verdana, Arial, Times;
	font-weight: bold;
	color: #02005F;
	text-decoration: none;

	   }
#nav :visited {
	font-size: 12px;
	font-family: Verdana, Arial, Times;
	font-weight: bold;
	color: #02005F;
	text-decoration: none;
	   }
#nav :active	{
	font-size: 12px;
	font-family: Verdana, Arial, Times;
	font-weight: bold;
	color: #02005F;
	text-decoration: underline
	   }
#nav :hover {
	font-size: 12px;
	font-family: Verdana, Arial, Times;
	font-weight: bold;
	color: silver;
	text-decoration: none;
</style>
en dan in je html
HTML: 
<a href="ergens.htm" ID="nav">klik hier</a>

//edit
je kan dus het nav vervangen voor welke naam je ook wilt...
 
DutchDisturbed zei:
in principe moet je class boven de hotmail code staan en dus werken.... misschien toch een foutje gemaakt?
Klik om te vergroten...
... de frank valt, hotmail past de links van een emailbericht zelf naar naar de class ol (outside link), daarom werkte onze classe waarschijnlijk niet.

DutchDisturbed zei:
en dan in je html
HTML: 
<a href="ergens.htm" ID="nav">klik hier</a>
Klik om te vergroten...
Dit zal niet werken, een id moet namelijk uniek zijn op 1 pagina! Maar het idee lijkt me wel bruikbaar.

Als jij nu de volledige body in een div zet, die div een id geeft en dan de stijl maakt voor elke link binnen die div zou het mss wel kunnen werken.

HTML: 
<html>
<head>
...
<style type="text/css">
#inhoud a:link {color: #FF0000;}
#inhoud a:visited {color: #00FF00;}
#inhoud a:hover {color: #FF00FF;}
#inhoud a:active {color: #0000FF;}
</style>
</head>

<body>
<div id="inhoud">
<!-- wat tussen je body-tags stond // -->
</div>
</body>
</html>

--Johan
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan