HTML Forum

**dave9713** · 01-10-2008, 07:35 AM

This is an example of the links i have on my site at the moment.

HTML Code:

<a href="http://www.qs.com/sitemap.xml"><font face="Arial, Helvetica, sans-serif" size="1">Sitemap</font></a></p>

How would i change that to enable the link to be black instead of blue?

Thanks

Dave

**vkw91** · 08:45 AM

The 'proper' way to set up link styles etc would be with css!

HTML Code:

<style type="text/css">
 
a:active {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 color: #333333;  /* change your colour here */ 
}
a:link {
 text-decoration: none;
}
a:visited {
 text-decoration: none;
 color: #454850;
}
a:hover {
 text-decoration: none;
 color: #558AFE;
}
 
</style>

That would go in your head area. I've kept the hover, active etc separate so you can see the different things you can do with this. Hope this helps!

**rolda hayes** · 01-10-2008, 08:16 AM

Sound advise, but don't forget you should really have the css is a seperate .css file!

**dave9713** · 01-10-2008, 10:07 AM

Thanks Vicky & Rolda,

What do you think the best way for me to do it is then?

Is there no way to do it in a plain html document?

Dave

**mhaye_01** · 11:04 AM

here:

Quote:

< a href="linkhere.com"> sample < /a>

just eliminate the space I put after

**dave9713** · 01-10-2008, 11:09 AM

Don't understand that one. I understood the one you did before though linking to the sample website! Thanks

**joder** · 01-10-2008, 11:46 AM

You put vkw91's CSS code between the <head> </head> tags and change your HTML to

<a href="http://www.qs.com/sitemap.xml">Sitemap</a>

Font tag is depricated.

**PTPMaster** · 12:14 PM

hi,

how about this code?

Code:

<a href="http://www.qs.com/sitemap.xml">
<font face="Arial, Helvetica, sans-serif" size="1" color="#000000">Sitemap</font></a>

I just set the code for the color into black.

Code:

color="#000000"

**dave9713** · 01-10-2008, 02:54 PM

Thanks a lot

Which way do you guys recommend? I've done it successfuly with the above method and could change it no problem.

Does it make a difference?

Dave

**serandfae** · 01-10-2008, 05:24 PM

The preferred method is to separate style from content, which would mean the CSS method. It makes more practical sense anyway, because if you link to an external stylesheet with these rules you can make changes more easily across multiple pages. W3C deprecated most styling attributes within tags with good reason. Why use throwback coding when there's a better way?

**thesites** · 01-10-2008, 07:19 PM

Quote:

Originally Posted by dave9713

Thanks a lot

Which way do you guys recommend? I've done it successfuly with the above method and could change it no problem.

Does it make a difference?

Dave

It makes a difference if your going to use that link color throughout your site, changing it in a single external document is faster then editing every single page.

**PTPMaster** · 01-11-2008, 01:03 AM

Quote:

Originally Posted by thesites

It makes a difference if your going to use that link color throughout your site, changing it in a single external document is faster then editing every single page.

yeah, you are exactly correct but that is the best common method to do for plain HTML. But if he design his website with CSS, i think he can minimize his work. But base on his code he will make plain HTML only.

**vkw91** · 01-11-2008, 06:02 AM

As Tim said above, the CSS way is the prefered method and its the way things are going these days. I would say indefinatly go the css way, <font> tags can become messy and if you wanted to change the colour for instance you would have to spend hours going through all your site, changing it, rather than just changing on single value.

Start as you mean to go on....knowledge in css is invaluble

HTML Forum

Find a Professional HTML Freelancer!

FREE Outsourcing eBook!