Hi All

Is it possible to have links on the same page with different colours. For example I have links in a table at the top of the page with a black background so want to use white links, further down the left of the page I have more info below the link headings and think it will be good to have these as links as well. Because the background is a sort of blue I want the links to be black.

Im using Dreamweaver and the page properties settings means that all the links need to be one colour. Is there a way around this?

Also while im asking simple questions how do I make the links down the left of the page link but not have the line underneath?

Thanks

James B

Is it possible to have links on the same page with different colours

Yes, if you use CSS you can do this with a class that specifies the color you want. Then you assign that class to the links you want to change.

Hi

thanks for the reply, its good news but also bad as I know have to go and learn some CSS. I knew the time would come but why does it have to be now.


I think I will have to go with the same colours then work out the CSS at a later date. You dont know any good online tutorials before I spend the next few days looking?

Thanks

Regards

James B

yes... www.w3schools.com

James, have a look at the link LadynRed posted. Having links be two different colors is pretty easy and will make a good introduction to css.

css can get tricky sometimes when you attempt to use it exclusively to layout a site, but the basics are easy to learn and begin using.

And you know if you have any problems we'll be happy to help.

CSS stands for cascading style sheets ... the cascading part you can get to in time, but styles, like in Word, are a great tool for a lot of different things on the web. They can help you keep all your pages looking consistent even on a huge site, it can make your job easier ( you could use raw html, as in <font color="red">some text</font>, around your links ) because there's less typing and less complex code. They can even save you bandwidth.

So create a new file, and call it styles.css ( or something else if you have a better imagination ), and put something like this in it:

a:link { text-decoration: none; }
.goodLink { color: green; }
.badLink { color: red; text-decoration: strikethrough; }

Then in your page, you want to use syntax like:

<a href="#" class="goodLink">This is a good link</a>

You still want to read up and learn what can and can't be done, and the link LadynRed provided is a great resource.

Hi James, I was going to put down what to do in css, but Forest has it down pretty perfect. So look closely at his message.

CSS can be a little weird but like the other poster said, getting certain links to show up with different colors is a good way to get your feet wet. I'm still fairly new to it but I have the general concept down now.

Make sure once you have your .css file created and are referencing the classes in your code, that you're also referencing the .css file somewhere. For example:
<linkhref="/portals/_default/skins/xdscnov06/XDSCNov06_Forest.css"rel="stylesheet"type="text/css">