MyBB Community Forums

Full Version: Chrome a:link CSS issue
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Hi All

We are seeing an issue with a:link and .tcat a:link not showing correctly in Chrome.

Chrome = [img]data:image/png;base64,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[/img]

Firefox = [img]data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANYAAABICAYAAACKjwsdAAAKxklEQVR4Ae2bb2hb1xnGhYls4jnUWWJi2EywPS/RcJJ5juOxxnHj1M2M49qq0aygskI6gsAfMhZBy2JWKJmNoUlrTEvJnzbDhC6tKWlZSOcxU5QF0UA+mLTd8NYs89oGz52akPlPbCnPOPeee865imTrBh9Vsd4PQrIs3XvO+76/53nPObZrZmYGOh7bW34OelAMcrUGXDqgYtfM1YDSvElMWA0QWOSsJIIaaoDA0hBUci1yLQKLwCLH0lADBJaGoJJjkWMRWAQWOZaGGiCwNASVHIsci8AisMixNNSANrCqd3WAHhSDXK0BbWAFAxHQg2KQqzVAYJEAkABqqAECS0NQc1Wlad6yQyGwCCxyLA01QGBpCCopt1TuXI0FgUVgkWNpqAECS0NQc1Wlad7SqQksAoscS0MNEFgagkrKLZU7V2NBYBFY5FgaaoDA0hDUXFVpmrd0agKLwCLH0lADBJaGoJJyS+XO1VgQWAQWOZaGGiCwNAQ1V1Wa5i2dmsAisMixNNQAgaUhqKTcUrlzNRYEFoFFjqWhBggsDUHNVZWmeUunJrCyAqxXsSvmRoX1uP1rPJ3hcXV+rtw/th+dGb7/SoPyoQZrrNwFuNijBWPZWgj7ujFrjNGF2ZqzKdouAmtZwEor1tJVluWeKeouu8BqbOGgWMCkeq7CxL4IViRYn7+aAj79BfH0Jz/irpmuYw2h+X9uVMwdgO8XS49vZMt3eH7XYKopvPzzJLBSJIHAQsXDBNY7h1Adc2PTv07iYArllq7wJr4okkIZqxpAaMnvpKiTQATna6ru71YIrBQB67qI0x3nxeMv1RU8eBX4slm+f7rjffT5ybFk0aaIp8PCdepY+/9RiYpYCXZ/cGlp99njQ4y3xEb7nteIT30PPm4Cy2Fy1WKRwTNbP/V37LXaCo4/0Y1bRasNEOMF1ZhqeFsoorjOI0FcbtqP2VUuYG03zvOx9bQdxdT6EsTymKK6EVuzCxPN74nvs3uFvK/henk1Fth3WYGsKsZ01VEMd9mLY0Adh3szJmv9ztZYqmP538Plup9iusCcF1yrsbDei0/aRm2FPPDEYUTXFyNuFK4bscJqROtex4At9qMY3umV18orwlzpAVz1ypbMGVhO2sAwrlStMeO21oMZHudbO0ds8wgqHUu0UcZVzfNYoB9RFVDrdXk/gqpjbXsZ16o2mzllcy3rxqVOeU0jp0/2YrK0jOfdBVY3iXET9954FH/c8Sjm2djZvWyxtV+X/S671lgJgxVAuJYCS7YY5mYG+1l+R17HjbiRVAlWqLWbJzrxGsWINl4wA9jZj2iB9fvVWBCF7kJ83SEBaOprmd9Na/NCgHUBY+XF3LFZ0i1wXECeBzf2mckM7fFhgRdX3F2CeTE2N+a2nOTiEMYfajwcPGse/LmgBWO84ByBdeEgNqXbBvoHMJVv3m+6bgiflrnNeW14DqfUnKcF1iuY/FYp5t38Gkxs2M+bX7GBJetAzjdW3o8+fr/FcrVQ3i9ESYCV55bxyx2wihHdOYw+/yjOPNaJu7zQZmrPGWBIsFyIF/4QUzU9uL7jJZwKKH3/2gA+6hhFyHcW42W8oPN9iAQieLvWwwt8K260MYUP40R9PX9vA27uZUU+Igsmz4N/7x1BqOsiPtwmC9oRWG2HMMPnMV17zgAk5H0ed/h789UnjbldreQFVvJLnPOzcSjukNeGq6yQ2g9jmn9vofwoznSF0bc3KATl7pY3jWs5AetnN0rSbgP7djbyotyK6+0RJP4s1D8tsExBkTlVdoQVx4qvC+LDTjOf/9zAY2TFIzCMz6z3Chox3spy9S4+qrZyJTdXBFguF+LFDfiyrgcTj75hCq4qCgmvV4hjKcFVWoV45bEEsOoxrrYDSiK+bpAtUXDvM5g3ClG6nki+FUDlu2bbcgz/5W4YL+9X2kjZujgCy7qP7fksJtZyBeaqKcDKb8DfWYGwttX3Pl+nXkRPIIJTO2q5CNTiM69ZmAzAq5tKMW+pfSCC9ME6jaa5dHcDFcEpOYwhNh/fi7jFY2WLyTKCpV5XQujBjbYIgt7nhECpnwv6+xHl44ptGjRqR4BVGMAlQ7is+C3+vKLBsnphGVgVwAjUnj5Z68Des3r9gZYjmCytkGss7gDiM4rD2JKlgG5/X02Mco4lWsEIgp1nMO7ZjlnR3sm2xprbfS2NsXbqwMRjvzegYoIwWr2Bg5Uwfxu0DsBy0gYqRTxdN8yVPoyxcu4iRc9ixBqHdrC4UArhlPk1hVMRru++YLSNAixlTX6fyFrjV54JLAMQtuDn6s0UXHlMNkVgW8cY7cBv8fH2Zu5qPDlKAdkBekDH8g/iP9a6blUlbm8J4eOGXyFaaHcsluSQ9w0DwDmx7mCfcWPeM2g42HKD5aQNHKrbyqFWREERJbisVtoudJagsfmJ4lb+ECCpWCpdhJoD+VkCK6GFS96SJQt4UHEIS9VlYBMUW1GuOz/mGxWW6nSNCsUX7VbhMxi1fq8kMbEVtJ/RPCBYu9v4ukQpvICiqEYrOIrj/HjidZ/ZyvZ0/k6uEV2P45o/VSsYwZ/q2/HV99rxVb25ZkivFXTSBg7jekkqoOT7Il5iznYnSZbnpDlVcrIoWIoISheNYNFWkBxLFvKSYKmbF3ke3NzzLnoCYfS1D+LmutWYqRkyFF8kNv9xXGNrNP8I/qxsSphgKWuJ5di8EG3RGnzdwKC3bziYczuJm9zBYht7xU6WdIkG/I2dFSmbF7M/GDQ3L1qfx22+U2etJ9ICy0kb2PKs2Eiarjkjziets8q/buTtYP5TuMLWL0o7fff7L+OEP4y+1iO4ZTl3UsfaionWizjuG7XtCi4KVkABPt3NCwLLCVgR3LdGUdoUaytd7mJJlVXXZNbGx2LXYp9Xk23v05OssZQFvnov8XpjrwH9QGOLfbu9sEhsCy9UHuPby8u33e6kDZR/wpS84+j7SQNvE92INjLHVRxZyYOYswJWqOkp+4Ezc/B0HYu1zymPWVxIut1OYDkDy1ijGAeFcmMi7i7DHU8v3hK7QGG81eDFDF/DsIPEyd1HxA6StfXNrpV4QDzV8BK+eMQE0hFYLPlP9mLq2xwUdiDtOY5xa9Ev2tIwTjSrB8TWQedrOCHGzzZKkhwQl3XjsqMDYgdtoHJ2pR7G2wTF9wJuc4DiZS8aIhDyHsekddidV4SZ8t/g2rYkf74UuIArHuvA3o3YJvs5lhpr2TbaAWfxTfuAeCWBZUuCtbZZkc9JHOsbmOdSreDBDw6kfyj8DYw/m+olq3cFsylQeseigMX+J4v+H4tvy6tHEg/XawIrK5SVwNIrXJmHksDKCrAyn/iVVsjZNh8Ci8B66NuubIOKjYfAIrAILA01QGBpCGo2KiiNKbPtNoFFYJFjaagBAktDUMkdMusO2RhvAovAIsfSUAMEloagZqOC0pgy66IEFoFFjqWhBggsDUEld8isO2RjvAksAoscS0MNEFgagpqNCkpjyqyLElgEFjmWhhogsDQEldwhs+6QjfEmsAgsciwNNUBgaQhqNioojSmzLkpgEVjkWBpqgMDSEFRyh8y6QzbGm8AisMixNNSANrD2t50DPSgGuVoD2sC6d+8e6EExyNUaILBIAEgANdQAgaUhqLmq0jRv2aEQWAQWOZaGGiCwNASVlFsqd67G4v+EjmqiMw0TwQAAAABJRU5ErkJggg==[/img]

CSS looks like the following

a:link {
	color: #22fc05;
	text-decoration: none;
}

a:visited {
	color: #.tcat {
	background: #685bc7;
	color: #22fc05;
	padding: 9px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	
	font-size: 15px;
}

.tcat a:link {
	color: #22fc05;
}

.tcat a:hover,
.tcat a:active {
	color: #22fc05;
};
	text-decoration: none;
}

a:hover,
a:active {
	color: #27ae60;
	text-decoration: underline;
}


.tcat {
	background: #685bc7;
	color: #22fc05;
	padding: 9px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	
	font-size: 15px;
}

.tcat a:link {
	color: #22fc05;
}

.tcat a:hover,
.tcat a:active {
	color: #22fc05;
}
Can you upload the images as attachments, and provide a URL?
[quote=[attachment=43891][attachment=43892]

Argghh - Sorry about that.

I can't provide a link as its a locked forum with private information.

Thank you for the quick response

MATO

1st Image is Chrome and 2nd is Firefox

It has something to do with a:visited
In your case you surely can get rid of pseudo class :visited.

To make a all links look the same with a hover effect, simply use these both definitions:
a { ... }
a:hover { ... }

Optionally (this may cause a similar issue):
a:active { ... }

[ExiTuS]
first thing I notice on quick glance are these obvious concerns clearly standing out in the initial thread content and am surprised it hasn't already been noted:

.tcat a:hover,
.tcat a:active {
	color: #22fc05;
};
	text-decoration: none;
}

notice the extra closing brace and semicolon?

};

a:visited {
	color: #.tcat {
	background: #685bc7;
	color: #22fc05;
	padding: 9px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.15);
	
	font-size: 15px;
}

you have placed

.tcat {

within

a:visited {

color: #

instead of most likely your hex color code, and color is also without closing semicolon but that is after the fact and just pointing out where it looks like you had some copy and paste errors if this is indeed existing in your stylesheet?

oh, and notice the open brace because of such also that would be expecting a closing brace?

is that how it is in in the stylesheet? as of course that all might cause issues.

your format should be like:*

a:link {
...
}

a:visited {
...
}

a:hover,
a:active {
...
}

.tcat {
...
}

.tcat a:link {
...
}

.tcat a:visited {
...
}

.tcat a:hover,
.tcat a:active {
...
}
* the focus being on keeping your styling definitions within the respective braces and also factoring in keeping :visited definitions after :link definitions but prior to :hover definitions and then :active definitions

Best of luck! Big Grin
After a frustrating restore, We did notice the badly written .CSS

All fixed
(2021-03-04, 03:21 PM)MATO Wrote: [ -> ]After a frustrating restore, We did notice the badly written .CSS

All fixed

cool beans, glad you got it sorted Big Grin