This link has been bookmarked by 76 people . It was first bookmarked on 02 Mar 2006, by Sue Bride.
-
26 Jul 13
-
07 Sep 12
-
20 Sep 11
-
01 Aug 11
Charles GnilkaApplying CSS to your links allows you to do all sorts of nice roll-over effects and advanced text highlighting. You will also be able to have many sets of links on a single page, all with different formatting
-
04 Mar 11
-
22 Nov 10
-
15 Oct 10
-
23 Aug 10
-
17 Jul 10
-
01 Jun 10
-
31 Mar 10
-
10 Jan 10
Tonda Bone"Setting up multiple schemes
This involves using classes, and is very simple. You simply put the class name (and its dot) in with the link part, like so:
a.nav:link {color: red; text-decoration: none; }
a.nav:visited {color: purple; text-decoration: none; }
a.nav:hover {color: orange; text-decoration: underline; }
a.nav:active {color: blue; }
a.external:link {color: #0000ff; font-size: 18pt; font-weight: bold; }
a.external:visited {color: #894f7b; font-weight: bold; }
a.external:hover {text-decoration: overline; background-color: #003399; }
a.external:active {color: red; }
Here I’ve set up two link classes that you could use: one for links in a navigation area, and one for links that point to external websites. Then, just class your links by adding in class="external" into the a tag." -
07 Apr 09
-
20 Mar 09
-
Setting up multiple schemes
This involves using classes, and is very simple. You simply put the class name (and its dot) in with the link part, like so:
a.nav:link {color: red; text-decoration: none; }
a.nav:visited {color: purple; text-decoration: none; }
a.nav:hover {color: orange; text-decoration: underline; }
a.nav:active {color: blue; }a.external:link {color: #0000ff; font-size: 18pt; font-weight: bold; }
a.external:visited {color: #894f7b; font-weight: bold; }
a.external:hover {text-decoration: overline; background-color: #003399; }
a.external:active {color: red; }Here I’ve set up two link classes that you could use: one for links in a navigation area, and one for links that point to external websites. Then, just class your links by adding in
class="external"into theatag.As you can probably see, I use multiple link collections throughout HTMLSource. They are hugely useful when you need links with appropriately light colours to go on a navigation bar with a dark background, or to fulfill specific purposes (like the secondary links I place everywhere, for additional information).
-
-
30 Nov 08
-
28 Oct 08
-
30 Sep 08
-
28 Sep 08
-
07 Jul 08
-
08 May 08
-
17 Apr 08
-
13 Apr 08
-
With a single CSS rule, we can take care of all of these borders without touching the HTML code. Simply add this line to your CSS file:
a img {border: none; }
-
-
21 Mar 08
-
16 Mar 08
-
05 Mar 08
-
28 Jan 08
-
30 Nov 07
-
25 Sep 07
-
25 Aug 07
-
24 Aug 07
-
22 Jul 07
-
17 Apr 07
-
22 Mar 07
-
01 Mar 07
-
27 Feb 07
-
10 Oct 06
-
31 May 06
-
03 Mar 06
-
17 Jan 06
-
27 Sep 05
Would you like to comment?
Join Diigo for a free account, or sign in if you are already a member.