/    Sign up×
Community /Pin to ProfileBookmark

visited link have different back ground color

<style type=”text/css”>
@media screen{
a:link {

font-family: verdana;
font-size: 9pt;
color: black;
text-decoration: none;
background-color: white;
}

a:visited { text-decoration: line-through;
font-size: 7pt; background:lime;}

}

</style>

<p><a href=${PAGE}?PageNum=$p> $p </a>
?
Posts: 59
Joined: Sun Jun 26, 2011 9:56 pm

to post a comment
CSS

5 Comments(s)

Copy linkTweet thisAlerts:
@Typhoon101Jun 11.2013 — Is there a question here?
Copy linkTweet thisAlerts:
@NewCssauthorJun 12.2013 — Is there a question here?[/QUOTE]

Firefox did not change background color?
Copy linkTweet thisAlerts:
@Typhoon101Jun 12.2013 — The only thing that stopped this working in firefox for me, was the fact the link is not valid. If you put quotes around the href, and point to a valid link, the :visited rule works just fine. (not forgetting to close your <p> tag of course)

<p><a href="http://google.com"> $p </a>[COLOR=#ff0000]</p>[/COLOR].

the "Line-through" and "Font-size" rules on the other hand may not work. There is debate about a security risk when styling visited links, so firefox only allow a small handful of properties to be altered. You can read more at [URL]http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/[/URL]
Copy linkTweet thisAlerts:
@NewCssauthorJun 13.2013 — The only thing that stopped this working in firefox for me, was the fact the link is not valid. If you put quotes around the href, and point to a valid link, the :visited rule works just fine. (not forgetting to close your <p> tag of course)

<p><a href="http://google.com"> $p </a>[COLOR=#ff0000]</p>[/COLOR].

the "Line-through" and "Font-size" rules on the other hand may not work. There is debate about a security risk when styling visited links, so firefox only allow a small handful of properties to be altered. You can read more at [URL]http://hacks.mozilla.org/2010/03/privacy-related-changes-coming-to-css-vistited/[/URL][/QUOTE]


thanks for point that out, since I can go to the correct page that I want , so I thought my URL is valid,

I need to find a way to make my URL valid ,

do you have any idea , why Firefox identify my URL is not valid , bur on IE is valid??:o
Copy linkTweet thisAlerts:
@Typhoon101Jun 13.2013 — It looks like you are using some server side language, maybe even something like WordPress or Joomla. The link ${PAGE} is not a valid link, but it may evaluate to something more meaningful when it is written to the page.

Try viewing the source of the page itself and looking at the link. That might give you a clue. It might be a simple case of putting quotes around it. If not, is this page in a live environment where we can see the code for ourselves?
×

Success!

Help @NewCss spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.5,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,

tipper: @Samric24,
tipped: article
amount: 1000 SATS,
)...