How to redefine alink, vlink

[ituano]

I employ dreamweaver as my web authoring tool. I changed the color and effect of my a.link, v.link and a.hover. However, it does not reflect these colors and changes when I preview them on browsers such as IE, mozilla and Opera.
How should I proceed in redefining these links.
ituano

[Compguy Pete]

are you using the change from page properities or though CSS?

Hopfully your using CSS... the thing I've found is that you need to include the # before the 6 color number.

perhaps you could supply a link to the page where it's not working and we can look at it.

[ituano]

I have below my CSS specifications for the links as well as for the body
.body
{
padding: 2px 12px 1px;
border: 1px solid #EEE;
background: #FFFFCC;
margin-bottom: 8px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 12.5pt;
color: #000000;
}

a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #0033FF;
text-decoration: none;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
text-decoration: underline;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #990066;
text-decoration: none;
}

The effects show in dreamweaver's design view but does not take effect when preview on browsers such as IE, Mozill, Opera
:confused:
thanks
ituano

[Corey Bryant]

Make sure to always use them in this order:
link
visited
hover
active

(I remember it as love-hate :) ) -- this way the colors will be applied properly.

[ituano]

Make sure to always use them in this order:
link
visited
hover
active

(I remember it as love-hate :) ) -- this way the colors will be applied properly.
thanks
I tried it out it worked. However, i wanted my links to be of the color blue #000099. In dreamweaver's design view the color is blue as intend but once I preview it on the browser the color is not blue. Is it that the color of the link is reacting with the background color:#ffffcc. If the later is the case do you know which are the best color to use in order to achieve an link that has blue coloration?
ituano

[ituano]

Make sure to always use them in this order:
link
visited
hover
active

(I remember it as love-hate :) ) -- this way the colors will be applied properly.

thanks
I tried it out it worked. However, i wanted my links to be of the color blue #000099. In dreamweaver's design view the color is blue as intended but once I preview it on the browser the color is not blue. Is it that the color of the link is reacting with the background color:#ffffcc? If the later is the case do you know which are the best color to use in order to achieve an link that has blue coloration?
ituano

[Crosshairs]

How are you including your css into your pages? a link to a file or is it in each page?



Crosshairs (http://www.crosshairs.net/)

[ituano]

How are you including your css into your pages? a link to a file or is it in each page?



Crosshairs (http://www.crosshairs.net/)
The web pages are linked to my CSS file. It is not imported.
ituano

[Crosshairs]

I bet the path to the CSS is not valid can you post the link to the css you used.

../ path may cause it not to work in DW but to work on the web , I have had this happen to me in the past. Try using a root based path /

This occurs mostly when using DW templates


GL
Crosshairs

[Corey Bryant]

I looked at your style sheet and did not see #000099 anywhere in the styles

[ituano]

I bet the path to the CSS is not valid can you post the link to the css you used.

../ path may cause it not to work in DW but to work on the web , I have had this happen to me in the past. Try using a root based path /

This occurs mostly when using DW templates


GL
Crosshairs
Here is the link to the CSS:

<link href="includes/master.css" rel="stylesheet" type="text/css">

[Corey Bryant]

Ah sorry, I was looking at Crosshair's web post. Since it was not listed as a signature, I was looking at that site instead of the OP.

Do you have a link to your website?

[Crosshairs]

try this assuming includes is in the root

<link href="/includes/master.css" rel="stylesheet" type="text/css">

[Crosshairs]

did it work?

[ituano]

Ah sorry, I was looking at Crosshair's web post. Since it was not listed as a signature, I was looking at that site instead of the OP.

Do you have a link to your website?
Corey
I have not published the webpages yet I am presenting recreating it. It is still under construction.
ituano

[ituano]

did it work?
Crosshairs
it did not work. I lost the effects of the CSS on the page completely. When I linked the style sheet to the page using dreamweaver default wizard this was what it came up with:
<link href="includes/master.css" rel="stylesheet" type="text/css">
as I earlier stated
ituano

[ituano]

Corey
I have not published the webpages yet I am presenting recreating it. It is still under construction.
ituano

I linked the CSS to the webpage as follows:
<link href="includes/master.css" rel="stylesheet" type="text/css">

here are my definitions:
a:link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000099;
text-decoration: none;
}

a:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #990066;
text-decoration: none;
}

a:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FF0000;
text-decoration: underline;
}

a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #990066;
text-decoration: none;
}

I really cant figure out while the hover effect does work when i preview on a browser and others do not. Funny enough it does display the color #000099 in dreamweaver design view. but once previewed on a browsers only the hover effect works.
What am I doing wrong? I just cannot put my finger on it.
:confused:
ituano

[Crosshairs]

can you post your directory structure or a screen shot of it - well get it figured out - or email the files admin@crosshairs.net

[Corey Bryant]

Are the links you are looking at in the browser "visited"?

[Crosshairs]

doh:) great question!