Change Color, Font, & Size on Hyperlink

[freebieconvention]

Hi,
I am trying to learn Dreamweaver 8.
How would I change the hyperlink color, font and size? Is there area for changing hyperlinks looks?
I was trying to figure it out with no success.

Thanks for your help.
Sherri

[chicgeek]

Use the CSS panel on the side if you want to make global changes for a site, or even for a page. I would reccomend remote CSS rather than commands directly in the html.

This is the designer method, which I figure you would use since you are newer to dreamweaver. I do recommend you use CSS and maybe learn it more fully int he future.

Step by step...

• Right click anywhere in the designer view. Select CSS Styles > New...
• Selector type: TAG
  select "a" from the dropdown list
  Define in: If you have multiple pages that you want to look the same, select "new style sheet". Otherwise just choose "this document only".
• If you do create a new style sheet, save it in the same directory as your html file. A standard name is style.css.
• From there you can change the colour, if it's underlined, etc.

You may want a different look when the link is hovered. If so, let me know. But that's a whole different can of worms. It's really easy to explain to someone who knows CSS. And since you now have dreamweaver, there's little excuse!

[freebieconvention]

Thanks for your help. I am sure I am going to have many questions for everyone.
Sherri

[chicgeek]

Once again, I do encourage you to go through the Dreamweaver tutorials before you jump in, get stuck, and have to post a question every step of the way. Most of your question will be answered through the tutorials.

[Costin Trifan]

Nobody's reading the manual these days...

[Lgold]

When I got strated with Dreamweaver I had completed a short course, but after that I just played around and found lots of excellent tutorials online and in magazines. Personllay I think that's the best way to learn.

[Costin Trifan]

I agree

[coolguy27]

Here is my link to dreamweaver tutorials... Easy to understand dreamweaver tutorials. Try it.....

the link http://www.teacherclick.com/dreamweaver8/index.htm

Hope you like it... Enjoy...

[Ydlibe]

Hi all, I'm new to this forum.
I have a question for chicgeek, if you don’t mind please.
I have been playing around with Dreamweaver for a few years now and I am only just starting to get into CSS style sheets, what I am trying to do is set up hyperlinks on my website using different colours to each other, I have followed your instructions which you left on this forum, but I am still unable to figure out how to set up multi colour links.
Could you please help me with this?

Many thanks

[chicgeek]

What do you mean by "multi colour"?

If you are wanting (per se) red links for the content on the right and green links for the content on the left, that is absolutely doable. You would use classes and containing divs (or spans).

If you are wanting each link to use more than one colour (ie. alternating green and red), then that would require some sort of ugly script.

Can you give an example, or perhaps even provide a link to an example and explain what you're wanting?

[Ydlibe]

Thank you for your promp reply.

This is something i have been trying to sus all week, still having problems.

If you can imagine a website, half blue, half white. On the blue side theres a white link which when you hover over it, lets say, turns green. On the white half theres a blue link when you move over the link it turns, lets say ,red. This is the sort of thing i am trying to acheive.

Hope this helps explain a bit better.

Thanks again.

[chicgeek]

Hiya Chris.

Okay, here is your solution:
Contain the content of each half and provide it with an ID. For example.

<div id="blue">
blue half
<a href="#">link</a>
</div>

<div id="white">
white half
<a href="#">link</a>
</div>

The CSS will look something like this. The second section (Link Styles) is what you're most interested in.

/* Site Structure */
#blue {
  float: left;
  width: 300px;
  background-color: blue;
  }
#white {
  float: left;
  background-color: white;
  }

/*Link Styles*/
#blue a:link, #blue a:active, #blue a:visited {
  color: white;
  }
#blue a:hover {
  color: green;
  }
#white a:link, #white a:active, #white a:visited {
  color: blue;
  }
#white a:hover {
  color: red;
  }

Let me know how you fare. I'd rather you post here instead of emailing me, though. I'm sorry for being somewhat unreachable, but it's dissertation season.

[Ydlibe]

Thank you very much. I will try to apply your instructions now. If I paste my html here, will you be able to see if I’m doing it right?