html link help

ittle · #1 Jul 6, 2006, 04:41 PM

okay so im making my website, but for example on my index.html i have a link for home.html, the word "home" is supposed to be yellow and not underline, but instead it is blue and underlined. need help!

LTheobald · Jul 6, 2006, 11:41 PM

I'll do this the bad way - I'm writing up a CSS guide for this site over the weekend so check back to this category later if you want some guidance on doing it the proper way.

In between the <head> tags of your HTML page put this:

Code:

<style>
a {
    text-decoration: none;
    color: yellow;
}
</style>

That will make all links on your page yellow and not-underlined. If you want just certain links coloured yellow, place the following between your <head> tags:

Code:

<style>
.link {
    text-decoration: none;
    color: yellow;
}
</style>

Then make your HTML links look like this:

Code:

<a href="home.html" class="link">a link</a>

Just a quick note - Removing the underline on links if often "frowned upon". It makes it quite hard to tell what is a link and what isn't.

NeedKarma · Jul 7, 2006, 01:47 AM

Ummm...is it possible it's blue because it's a followed (already clicked) link?

ittle · Jul 7, 2006, 12:31 PM

Quote:

Originally Posted by NeedKarma

Ummm...is it possible it's blue because it's a followed (already clicked) link?

i like your answer but no. check it out! at www.littledan1.com
(the page the link is directing to hasnt been built so just look at my scripting and see what the problem is

LTheobald · Jul 9, 2006, 11:25 PM

Dan, that link won't work. If the page/link isn't there we can't look at your scripting.

Secondly, my first answer will colour the links like you asked.

ittle · Jul 10, 2006, 06:08 PM

ACTUALLY IT DID. I wrote the style scripting you told me and it worked. look at it.

BBeepTX · Jul 20, 2007, 11:21 PM

Here is an old HTML code way to do links with forced color.... use Font tags

<a href="home.html"><font color=yellow>HOME</font></a>

ittle · Jul 28, 2007, 11:44 AM

my bad, the link doesn't work, cause I was lazy and I lost the domain name.

nickfromstrood · Jul 28, 2007, 12:46 PM

Not too sure about the underlining, but as for colour I would put the following in my body tag to make links yellow:

<body alink="yellow" vlink="yellow" link="yellow">

this will cover:

A(ctive) links - as you click on them

V(isited links

and also unclicked links

hope this is some help :s

jstrike · Aug 2, 2007, 06:05 AM

The first set of styles will change all links that do not have a class specified in the anchor tag. The second set will only be applied to those links that have the class value set to myLinkStyle. If you are going to remove the underline from a link you should make sure that it's obvious to the user that there is a link there. What we will typically do is surround the link with [ ].

Oh...and sorry for the ugly colors....I just chose stuff off the top of my head.
Your styles would contain:

Code:

<style>
a:link {
  color: green;
  text-decoration: none;
}
a:visited {
  color: yellow;
  text-decoration: none;
}
a:hover {
  color: green;
  text-decoration: underline;
}
a:active {
  color: green;
  font-weight: bold;
  text-decoration: none;
}

a.myLinkStyle:link {
  color: cyan;
  text-decoration: none;
}
a.myLinkStyle:visited {
  color: orange;
  text-decoration: none;
}
a.myLinkStyle:hover {
  color: cyan;
  text-decoration: underline;
}
a.myLinkStyle:active {
  color: cyan;
  font-weight: bold;
  text-decoration: none;
}
</style>

And then your links in the body:

Code:

This is a link to [ <a href="http://www.yahoo.com">Yahoo</a> ]<br>
This is a link to [ <a href="http://www.google.com" class="myLinkStyle">Google</a> ]



At Ask Me Help Desk you can ask questions in any topic and have them answered for free by our experts. To ask questions or participate in answering them you must register for a free account. By registering you will be able to: Get free answers from experts in any of our 300+ topics. Accept money for answers that you provide. Communicate privately with other members (PM). See fewer ads. Sign Up!