Link visibility and Safari CSS

[nelly22]

Links in some webpages look exactly same than normal text and are hard to find. Also visited link color is same than non-visited links.

In Safari preferences Advanced tab user can choose own CSS.

What CSS code i should put to my CSS to fix these 2 problems?

Thanks

 

[Dunmail]

Obviously it depends on what the background colour of the site is but something along the lines of:

a {
  color : #22c;
}

a:visited {
  color : #b2b;
}

Adjust to suit.

 

[nelly22]

Obviously it depends on what the background colour of the site is but something along the lines of:

a {
  color : #22c;
}

a:visited {
  color : #b2b;
}

Adjust to suit.

Thanks.

I can't get it to work. I tried tweak code but i'm CSS newbie.

This site has in its .css file this code:

A {
/* color: #428dff;*/
color: #000000;
text-decoration: none;
}

A:hover {
/*color: #ffb062;*/
color: #000000;
text-decoration: none;
}

 

[dan1eln1el5en]

shouldn't be capital A just a

 

[nelly22]

shouldn't be capital A just a

If i ask site owner to fix capital a, then does my problem go away? Thanks

 

[dan1eln1el5en]

If i ask site owner to fix capital a, then does my problem go away? Thanks

it's definately a source of error.

could be more things too, but thats a way fix a possible problem.

 

[damir.hara]

Thanks.

I can't get it to work. I tried tweak code but i'm CSS newbie.

This site has in its .css file this code:

A {
/* color: #428dff;*/
color: #000000;
text-decoration: none;
}

A:hover {
/*color: #ffb062;*/
color: #000000;
text-decoration: none;
}

First of all, /* and */ are comment elements in CSS. Anything between these two will not be "read" by the browser.

Second of all, your css pseudo element should be :visited instead of :hover. So changed the capital A's to a and add a:visited for the bottom one. Then get rid of the /* and */ as well as the color: #000000; on both.

Hope that makes sense.

 

[Dunmail]

it's definately a source of error.

could be more things too, but thats a way fix a possible problem.

Uppercase tags are only an error if the document is served as XHTML, if it's plain HTML then either upper or lower case are valid though most sites these days use lowercase.

In some cases (particularly Internet Explorer) CSS rules with the selector written in lower case are converted to upper case by the browser before being applied. So "a:hover" gets converted to "A:hover".