Friday, March 26, 2010

CSS Query a:visited

Hi



My a:visited colour isn't showing up as it should, but the
a:link colour is, can anyone explain what I need to change please.
Here is the CSS



.weddings a:link, a:visited, a:active {color:#dd0067;
text-decoration:none}

.weddings a:hover {color: #000000; text-decoration:none}



You can view the
page
here
page
here. If you click on a link it turns orange rather than
staying pink.



Many thanks, JulieCSS Query a:visited
could be wrong, but don't you need a ; after text-decoration
: none



weddings a:link, a:visited, a:active {

color:#dd0067;

text-decoration:none;

}



--

B

www.visit-the-coqui.com/

If you are thinking of a vacation to Puerto Rico




http://gadgetgrapevine.blogspot.com

Latest gadget and other news here





''ukjooles'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

news:fgac2v$r9$1@forums.macromedia.com...

%26gt; Hi

%26gt;

%26gt; My a:visited colour isn't showing up as it should, but
the a:link colour

%26gt; is,

%26gt; can anyone explain what I need to change please. Here is
the CSS

%26gt;

%26gt; .weddings a:link, a:visited, a:active {color:#dd0067;

%26gt; text-decoration:none}

%26gt; .weddings a:hover {color: #000000; text-decoration:none}

%26gt;

%26gt; You can view the

%26gt;
http://www.springmedia.co.uk/clients/juliab/links.htmlhttp://www.springmedia.co.

%26gt; uk/clients/juliab/links.html. If you click on a link it
turns orange

%26gt; rather

%26gt; than staying pink.

%26gt;

%26gt; Many thanks, Julie

%26gt;





CSS Query a:visited
I have resolved this problem using:



.weddings a:link, a:visited, a:active {color:#dd0067;
text-decoration:none}

#text-only .weddings a:visited {color:#dd0067;
text-decoration:none}

#content.weddings a:visited {color:#dd0067;
text-decoration:none}

.weddings a:hover {color: #000000; text-decoration:none}

#content.weddings a:hover {color:#000000;
text-decoration:none}



Thanks, Julie
ukjooles wrote:

%26gt;

%26gt; .weddings a:link, a:visited, a:active {color:#dd0067;
text-decoration:none}



You need to use the entire contextual selector for every link
state like

this:



.weddings a:link, .weddings a:visited, .weddings a:active
{whatever;}



--

St茅phane Bergeron

reach : connect : communicate


http://www.webfocusdesign.com

blog : tutorials : articles : gallery


http://www.pixelyzed.com


yup I was wrong :o)



--

B

www.visit-the-coqui.com/

If you are thinking of a vacation to Puerto Rico




http://gadgetgrapevine.blogspot.com

Latest gadget and other news here





''B'' %26lt;bw....@r....com%26gt; wrote in message

news:fgacjl$1ij$1@forums.macromedia.com...

%26gt; could be wrong, but don't you need a ; after
text-decoration : none

%26gt;

%26gt; weddings a:link, a:visited, a:active {

%26gt; color:#dd0067;

%26gt; text-decoration:none;

%26gt; }

%26gt;

%26gt; --

%26gt; B

%26gt; www.visit-the-coqui.com/

%26gt; If you are thinking of a vacation to Puerto Rico

%26gt;

%26gt;
http://gadgetgrapevine.blogspot.com

%26gt; Latest gadget and other news here

%26gt;

%26gt;

%26gt; ''ukjooles'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

%26gt; news:fgac2v$r9$1@forums.macromedia.com...

%26gt;%26gt; Hi

%26gt;%26gt;

%26gt;%26gt; My a:visited colour isn't showing up as it should,
but the a:link colour

%26gt;%26gt; is,

%26gt;%26gt; can anyone explain what I need to change please.
Here is the CSS

%26gt;%26gt;

%26gt;%26gt; .weddings a:link, a:visited, a:active
{color:#dd0067;

%26gt;%26gt; text-decoration:none}

%26gt;%26gt; .weddings a:hover {color: #000000;
text-decoration:none}

%26gt;%26gt;

%26gt;%26gt; You can view the

%26gt;%26gt;
http://www.springmedia.co.uk/clients/juliab/links.htmlhttp://www.springmedia.co.

%26gt;%26gt; uk/clients/juliab/links.html. If you click on a link
it turns orange

%26gt;%26gt; rather

%26gt;%26gt; than staying pink.

%26gt;%26gt;

%26gt;%26gt; Many thanks, Julie

%26gt;%26gt;

%26gt;

%26gt;






On Wed, 31 Oct 2007 16:55:59 +0000 (UTC), ''ukjooles''

%26lt;webforumsuser@macromedia.com%26gt; wrote:



%26gt; My a:visited colour isn't showing up as it should, but
the a:link colour is,

%26gt;can anyone explain what I need to change please. Here is
the CSS

%26gt;

%26gt; .weddings a:link, a:visited, a:active {color:#dd0067;
text-decoration:none}

%26gt; .weddings a:hover {color: #000000; text-decoration:none}



Change the above to:



.weddings a:link, .weddings a:visited, .weddings a:active

{color:#dd0067; text-decoration:none}

.weddings a:hover {color: #000000; text-decoration:none}



Gary


You don't need it but it's a good practice to do it.



--

Murray --- ICQ 71997575

Adobe Community Expert

(If you *MUST* email me, don't LAUGH when you do so!)

==================


http://www.projectseven.com/go
- DW FAQs, Tutorials %26amp; Resources


http://www.dwfaq.com - DW FAQs,
Tutorials %26amp; Resources

==================





''B'' %26lt;bw....@r....com%26gt; wrote in message

news:fgacjl$1ij$1@forums.macromedia.com...

%26gt; could be wrong, but don't you need a ; after
text-decoration : none

%26gt;

%26gt; weddings a:link, a:visited, a:active {

%26gt; color:#dd0067;

%26gt; text-decoration:none;

%26gt; }

%26gt;

%26gt; --

%26gt; B

%26gt; www.visit-the-coqui.com/

%26gt; If you are thinking of a vacation to Puerto Rico

%26gt;

%26gt;
http://gadgetgrapevine.blogspot.com

%26gt; Latest gadget and other news here

%26gt;

%26gt;

%26gt; ''ukjooles'' %26lt;webforumsuser@macromedia.com%26gt; wrote in
message

%26gt; news:fgac2v$r9$1@forums.macromedia.com...

%26gt;%26gt; Hi

%26gt;%26gt;

%26gt;%26gt; My a:visited colour isn't showing up as it should,
but the a:link colour

%26gt;%26gt; is,

%26gt;%26gt; can anyone explain what I need to change please.
Here is the CSS

%26gt;%26gt;

%26gt;%26gt; .weddings a:link, a:visited, a:active
{color:#dd0067;

%26gt;%26gt; text-decoration:none}

%26gt;%26gt; .weddings a:hover {color: #000000;
text-decoration:none}

%26gt;%26gt;

%26gt;%26gt; You can view the

%26gt;%26gt;
http://www.springmedia.co.uk/clients/juliab/links.htmlhttp://www.springmedia.co.

%26gt;%26gt; uk/clients/juliab/links.html. If you click on a link
it turns orange

%26gt;%26gt; rather

%26gt;%26gt; than staying pink.

%26gt;%26gt;

%26gt;%26gt; Many thanks, Julie

%26gt;%26gt;

%26gt;

%26gt;




.oO(Gary White)



%26gt;On Wed, 31 Oct 2007 16:55:59 +0000 (UTC), ''ukjooles''

%26gt;%26lt;webforumsuser@macromedia.com%26gt; wrote:

%26gt;

%26gt;%26gt; My a:visited colour isn't showing up as it should,
but the a:link colour is,

%26gt;%26gt;can anyone explain what I need to change please. Here
is the CSS

%26gt;%26gt;

%26gt;%26gt; .weddings a:link, a:visited, a:active
{color:#dd0067; text-decoration:none}

%26gt;%26gt; .weddings a:hover {color: #000000;
text-decoration:none}

%26gt;

%26gt;Change the above to:

%26gt;

%26gt;.weddings a:link, .weddings a:visited, .weddings a:active

%26gt;{color:#dd0067; text-decoration:none}

%26gt;.weddings a:hover {color: #000000; text-decoration:none}



This should be enough in this case:



.weddings a {color: #DD0067; text-decoration: none}

.weddings a:hover {color: #000}



A side note to the OP: It's usually a bad idea to use the
same color for

visited and unvisited links. They should be different for
usability

reasons.



Micha

No comments:

Post a Comment