Page 1 of 1
Simple way to make links plain?
Posted: Thu Sep 09, 2010 3:42 am
by Gheeda
My links turn purple after click & are blue on click...I would prefer black text to remain black throughout and images as links to lack the purple/blue borders.
Re: Simple way to make links plain?
Posted: Thu Sep 09, 2010 3:48 am
by Lord Strife
<style type="text/css">
A:link {text-decoration: none;color:black}
A:visited {text-decoration: none;color:black}
A:active {text-decoration: none;color:black}
A:hover {text-decoration: underline;color:black}
</style>
and for your image links add border="0"
<A href="link.html"><img src="images/imagelink.gif" border="0"></a>
Re: Simple way to make links plain?
Posted: Thu Sep 09, 2010 4:52 am
by Gheeda
Yay, proper looking pages now. tyvm
Re: Simple way to make links plain?
Posted: Thu Sep 09, 2010 10:01 am
by Chris
Lord Strife wrote:<style type="text/css">
A:link {text-decoration: none;color:black}
A:visited {text-decoration: none;color:black}
A:active {text-decoration: none;color:black}
A:hover {text-decoration: underline;color:black}
</style>
and for your image links add border="0"
<A href="link.html"><img src="images/imagelink.gif" border="0"></a>
You shouldn't use capital letters in CSS as HTML is now written with lowercase, not uppercase.
A:link {} should be a:link {} etc
Also rather than doing border="0" on an image you can do
Code: Select all
<style type="text/css">
a img {
border: 0px;
}
</style>