PDA

View Full Version : how to change links color?


gg2327
09-04-2007, 02:54 PM
i tried changing my links color to black in the >modify> page property box and the linkes turned black in the page but shows up white on the browser. then i tried experimenting with diff things like set color scheme etc and now my links are still black on the page but show up blue in the browser. how do i get it too show black??

Ricky55
09-04-2007, 03:38 PM
Ensure your code looks like this

a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}

gg2327
09-04-2007, 03:54 PM
hi ricky, i have none of that on my page , here's what my code looks like for my 7 text links home, gallery, site map etc. i cna't make out what it says but do know they're all in #000000 which is black i assume


<tr>
<td width="11%">

<div align="center"><b><font color="#000000"><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><a href="../index.html">Home</a></font></font></font></font></b></div>
</td>
<td width="12%">
<div align="center"><b><font color="#000000"><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><a href="../gallery.html">Gallery</a></font></font></font></font></b></div>
</td>
<td width="20%">
<div align="center"><b><font color="#000000"><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><a href="../paintingservice.html">Painting
Service</a> </font></font></font></font></b></div>
</td>
<td width="15%">
<div align="center"><b><font color="#000000"><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><a href="../articles.html">Articles</a></font></font></font></font></b></div>
</td>
<td width="20%">
<div align="center"><b><font color="#000000"><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><a href="../paintconversion.html">Paint
Conversion</a> </font></font></font></font></b></div>
</td>
<td width="11%">
<div align="center"><b><font color="#000000"><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><a href="../links.html">Links</a></font></font></font></font></b></div>
</td>
<td width="11%">
<div align="center"><b><font color="#000000"><font size="2"><font size="2"><font face="Arial, Helvetica, sans-serif"><a href="../sitemap.html">Site
Map </a></font></font></font></font></b></div>
</td>
</tr>

Ricky55
09-04-2007, 04:05 PM
Put that code in the head of your document and it should work, the colours here refer to text colour. Text colour changes has soon as it that text becomes a link.

The head of your document should look like:-

Paste this directly after the close of the title tag </title>

<style type="text/css">
<!--
a:link {
color: #000000;
text-decoration: none;
}
a:visited {
text-decoration: none;
color: #000000;
}
a:hover {
text-decoration: underline;
color: #000000;
}
a:active {
text-decoration: none;
color: #000000;
}
-->
</style>

gg2327
09-04-2007, 04:19 PM
that almost worked rick evryting is black now expect home and gallery? why can't i do all these usong page property? is is some kind of bug?

Ricky55
09-04-2007, 04:32 PM
No this should work mate, it may be worth just deleting the link from the two problem ones and then just reapply the link that may sort it.

It will be something strange in code but just try that.

These are global settings sho they should just work.

Failing that just select the link thats causing you a problem and set a seprate CSS rule up for it.

Get back to me if you don't know how to do that.

Ricky55
09-04-2007, 04:33 PM
also make sure you preview in the browser sometimes dreamweaver displays things in correctly.

gg2327
09-04-2007, 04:55 PM
it worked!! i just deleted those two links and reapply like you suggested. all is working. cheers mate!