Customizing anchor text on HTML-only pages

[dan.delph]

I am CSS-challenged and need to learn how to change font style attributes for anchor text on an HTML-only page.

Here's an example: http://emilydelph.smugmug.com/gallery/4060063 (http://emilydelph.smugmug.com/gallery/4060063)

On this page (and other pages like it), I'd like to be able to easily control text attributes like [the size, color] of [plain text, unvisited anchor text, unvisited anchor text when hovering, visited anchor text, etc.].

I'd also like the anchor text to be underscored when hovering over it, just like the anchor text in the footer of the same page.

I'd like to be able to set these attributes in a named style that I can use on other html-only pages I create.

Any help would be appreciated. Thanks!

[Allen]

I am CSS-challenged and need to learn how to change font style attributes for anchor text on an HTML-only page.

Here's an example: http://emilydelph.smugmug.com/gallery/4060063 (http://emilydelph.smugmug.com/gallery/4060063)

On this page (and other pages like it), I'd like to be able to easily control text attributes like [the size, color] of [plain text, unvisited anchor text, unvisited anchor text when hovering, visited anchor text, etc.].

I'd also like the anchor text to be underscored when hovering over it, just like the anchor text in the footer of the same page.

I'd like to be able to set these attributes in a named style that I can use on other html-only pages I create.

Any help would be appreciated. Thanks!


See if this gets what you want.

.gallery_4060063 #albumDescription {
color: blue;
font-size: 110%;
font-family: Comic Sans MS, verdana;
}

.gallery_4060063 #albumDescription a {
color: red;
text-decoration: none;
}

.gallery_4060063 #albumDescription a:hover {
color: green;
text-decoration: underline;
}

[dan.delph]

An awesome answer, Al. Just what I needed. Thanks for using bizarre colors to make it clear and evident!

The only thing I need to know now: What is SmugMug's default font typeface?

Many thanks!

[dan.delph]

More specifically, if I want to but change attributes of the font yet retain the default SmugMug font-family, how would I specify that font-family in your code below? This code changed the font on the page to Comic Sans. Is "veranda" what SmugMug uses as its default font-family? It looks like it is, but I thought I'd check. Thanks.

.gallery_4060063 #albumDescription {
color: blue;
font-size: 110%;
font-family: Comic Sans MS, verdana;
}