linking websites
Microsoft Office TrainingThe UK's Number 1 for Microsoft Office Training add this page to your favourites/bookmarksBookmark page

view a printable version of this pagePrintable version
Customer: Sign in
Delegate: Sign in
Trainer: Log in

Forum home » Delegate support and help forum » Dreamweaver Training and help » Linking websites

Linking websites

The UK's most regular instructor-led training courses.
Training information: training-dreamweaver · Dreamweaver training · Adobe dreamweaver training

resolvedResolved · Low Priority · Version CS3

No ranking yet
1 post
replyReplyThu 23 Apr 2009, 14:39Delegate Luke said...

Luke has attended:
Dreamweaver 8 Introduction course

Linking websites

Changing colours to the links?

Platinum
798 posts
replyReplyFri 24 Apr 2009, 13:28Trainer Rich said...

RE: Linking websites

Hi Luke,

Thanks for your question. I hope you enjoyed the Dreamweaver training.

I did answer this post a while ago, same question:
http://www.microsofttraining.net/post-892-how-do-you-change.html#899

It's best to use CSS to control the colours of your links.
A link tag, as you know, is simply 'a' for anchor.
In CSS you use the 4 selector classes to indicate the style per state of link, like this:

a:hover
a:link
a:visited
a:active

If you define a different style for each of these, your web page should show different styles -and colours if specified- for your links.

Keep in mind that most web users are used to seeing links as Blue. So if you've chosen another colour (perhaps to match your design), I'd recommend ensuring your links are underlined, and no other text is underlined. Visitors expect links to be underlined.

It's frustrating, isn't it, when you click some underlined text and it isn't actually a link. Likewise, if you don't underline your links, most visitors won't realise where your links are. (ie. they have to hover over all your text to 'find' the links - awful!)

So some example CSS code for you, Luke, might be this:
a:link {
color: red;
}
a:hover {
color: green;
weight: bold;
}

This will make all your links red, and when the mouse is hovered over them, they will turn green and bold.

If you have any trouble, post a follow up reply to this thread, and I'll assist you further.

If this answer resolves your query, please mark the question as 'resolved' (see below). Otherwise, please post a follow-up response to this post, and I will assist you further.

Regards, Rich

Fri 1 May 2009: Automatically marked as resolved.


Related articles

· Better Website And More Sales With Less Expense
· Adobe Dreamweaver And Its Good Behaviors
· Keeping Ahead Of The Competition With Dreamweaver
· Your Own Online Business With Dreamweaver
· Tips For Designing User-Friendly, Search Engine Friendly Websites

Please browse our web site to find out more about
training-dreamweaver and other Microsoft training courses.

Dreamweaver (adobe) tip:

Viewing you page in the browser

If you are working in design view you can quicky preview your webpage by pressing the F12 key

View all Dreamweaver (Adobe) hints and tips


Rate this page:
2.1/5 (107 votes cast)
Institute of IT Training - Accredited Training Provider ILM
Microsoft Certified Partner
Microsoft Office Specialist Authorised Testing Centre (MOS and MCAS)

Prodigy Platinum Learning Partner

Institute of IT Training - Accredited Training Provider
McAfee Secure sites help keep you safe from identity theft, credit card fraud, spyware, spam, viruses and online scams
Association of Computer Trainers verified by visa, mastercard securecard