CSS- no underline for links

[vvaldir]

Hello,

I am new to style sheets. All I want to do is make the links on my pages not to be underlined. However I want the links highlighted or a different color on mouseover.

This is what I have added to the top of my html doc but it does not work.

a:hover {
text-decoration: none
background-color: #CCCCCC
}

How can I do this???

tia

[sitedesigner]

yea, do this

a, a:link, a:visited {
text-decoration: none
background-color: #CCCCCC
}

a:hover {
text-decoration: none
background-color: #CCCCCC
}

[vvaldir]

Well that's what I have but it does nothing.... do I have a syntax error or something?

[JustMadMike]

OK, ive VERY new to CSS at the moment but sitedesigner didn't state how to change the color of the text on mouseover. Maybe try this:

<style>
a, a:link, a:visited {
text-decoration: none;
background-color: #CCCCCC;
}

a:hover {
color: white;
text-decoration: none;
background-color: #CCCCCC;
}
</style>

Someone correct me if i'm wrong please, thanks.

JustMadMike

[vvaldir]

Thanks ~JustMadMike

I was missing the--> ;

[JustMadMike]

It's OK, tell me if it actually works :lol: seriusly i havent done any css, i've just read about it a few days ago.

[susanh]

You could simply create a default.css file like below and save it to your web space root directory or where your index html file lives. Just add a line to your web doc like so:

Right before the /head
<LINK href="Default.css" rel=stylesheet type="text/css">
</head>

default.css

PHP Code:

BODY {
    FONT-SIZE: 10pt; FONT-FAMILY: Verdana
}
A:hover {
    COLOR: red; FONT-FAMILY: Verdana; TEXT-DECORATION: underline
}
H3 {
    FONT-WEIGHT: bold; FONT-SIZE: 12pt; FONT-FAMILY: Verdana
}
TABLE {
    FONT-SIZE: 10pt; FONT-FAMILY: Verdana
}
P {
    FONT-SIZE: 9pt; FONT-FAMILY: Verdana
}
TD {
    FONT-SIZE: 10pt; FONT-FAMILY: Verdana
}
.topLinks {
    FONT-SIZE: 8pt; COLOR: darkblue; FONT-FAMILY: Verdana; TEXT-DECORATION: none
} 


So code your links like this:
<a class=topLinks href="somefile.zip"><b>some_text</b></a>

Hope this helps

[JustMadMike]

Nice one susanh.

[SandraRubart]

Hi there!

I'm about to paint my rooms and now choosing appropriate colors.
Found program to pick painting colors right on the photos of interior
or house facade, here's link : http://www.housepaintcolorschemes.com

Think it will help you too.

And by the way, if you wish to exchange photos in the format of this program,
please write me at: greensandra DOG gmx DOT com

Cheers,
Sandra

[silentcelle]

Originally Posted by JustMadMike

OK, ive VERY new to CSS at the moment but sitedesigner didn't state how to change the color of the text on mouseover. Maybe try this:

<style>
a, a:link, a:visited {
text-decoration: none;
background-color: #CCCCCC;
}

a:hover {
color: white;
text-decoration: none;
background-color: #CCCCCC;
}
</style>

Someone correct me if i'm wrong please, thanks.

JustMadMike

Susanh's default.css would work....But just in case vvaldir want to use inline css for some reason, it would be more proper for JustMadMike's code to start with <style type="text/css"> instead. So the new code would be

<style type="text/css">
a, a:link, a:visited {
text-decoration: none;
background-color: #CCCCCC;
}

a:hover {
color: white;
text-decoration: none;
background-color: #CCCCCC;
}
</style>