The Web Design Group

... Making the Web accessible to all.

Welcome Guest ( Log In | Register )

 
 Reply to this topicStart new topic
> alink & vlink colors within a span tag
roxie
post Mar 11 2011, 01:12 PM
Post #1





Group: Members
Posts: 3
Joined: 11-March 11
Member No.: 14,113
Hi. I would like to make the alink and vlink colors for the link (within the code) I highlighted in Bold below color #008000, but I can't seem to figure out how to do it. Any help would be greatly appreciated. Thank you! Here's the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Array</title>
</head>
<body style="font-family: Times New Roman;font-size: 12px;">
<p style="text-align: center;"><a href="http://www.bananascrubs.com" title="Shop Now at Banana SCRUBS" target="_self"><img src="http://www.bananascrubs.com/email/031711.png" border="0" /></a></p>
<p align="center"><br /><span style="font-family: verdana,geneva;"><span style="font-size: 14px;"><span style="color: #008000;"><span style="font-size: 12px;">Save 17% on your entire online order just by using promo code <strong>LUCKY17</strong> at the checkout.  No four-leaf clovers required.  And you don't have to be Irish.  (But you do have to be a Banana SCRUBS customer to have this kind of luck.)  So enjoy your new found good fortune.  But don't delay!  Offer expires today (March 17, 2011).<br /><br /><strong>SHOP NOW<br /></strong><span style="font-size: 18px;"><u><strong><a href="http://www.bananascrubs.com" title=""Scrubs with appeal."" target="_self">www.BananaScrubs.com</a><br /></strong></u><span style="font-size: 12px;"><br />follow Banana SCRUBS on<br /><a href="http://www.facebook.com/bananascrubs" title="Banana SCRUBS on Facebook" target="_blank"><img src="http://www.bananascrubs.com/email/facebook_emaillogo.gif" border="0" width="20" height="20" /></a> <a href="http://www.twitter.com/bananascrubs" title="Banana SCRUBS on Twitter" target="_blank"><img src="http://www.bananascrubs.com/email/twitter_emaillogo.gif" border="0" width="20" height="20" /></a><br /></span></span></span></span></span></span></p>
</body>
</html>

This post has been edited by roxie: Mar 11 2011, 01:39 PM
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Mar 11 2011, 01:15 PM
Post #2


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
Well, you could start by setting the vlink attribute of the body element. The alink color will be displayed only in the brief moment when the link is active.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
roxie
post Mar 11 2011, 01:39 PM
Post #3





Group: Members
Posts: 3
Joined: 11-March 11
Member No.: 14,113
Ok, could you give me an example? Thanks.
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Mar 11 2011, 03:29 PM
Post #4


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
Well, the old, deprecated HTML way is with attributes to the body element:
CODE
<body bgcolor=... text=... link=... vlink=... alink...>...</body>


The new CSS way uses style sheets:
CODE
body { background : ...; color : ... }
a:link { background : ...; color : ... }
a:visited { background : ...; color : ... }
a:hover { background : ...; color : ... }
a:active { background : ...; color : ... }


See also the FAQ entries:
http://htmlhelp.com/faq/html/docs.html#about-html
http://htmlhelp.com/faq/html/docs.html#about-css
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
roxie
post Mar 11 2011, 05:02 PM
Post #5





Group: Members
Posts: 3
Joined: 11-March 11
Member No.: 14,113
From the full code shown above...

I tried editing the body attribute like this:

<body style="font-family: Times New Roman;font-size: 12px;" alink="#008000">

and it did not work. The active link is still showing up as the default color for the computer.

Am I putting it in the wrong place? Or is the code wrong?
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
Darin McGrew
post Mar 11 2011, 06:09 PM
Post #6


WDG Member
********

Group: Root Admin
Posts: 8,365
Joined: 4-August 06
From: Mountain View, CA
Member No.: 3
I don't think alink does what you think it does. Links are active only for the brief moment when the user is clicking on them. Most of the time, they are just links (link=...) or visited links (vlink=...).
User is offlinePM
Go to the top of the page
Toggle Multi-post QuotingQuote Post
« Next Oldest · Markup (HTML, XHTML, XML) · Next Newest »
 

Reply to this topicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Standard · Switch to: Linear+ · Switch to: Outline

Track this topic · Email this topic · Print this topic · Subscribe to this forum

- Lo-Fi Version Time is now: 25th April 2024 - 02:59 AM
Invision Power Board © 2024  IPS, Inc.
Licensed to: HTMLHelp.com, LLC