Toon posts:

CSS probleempje active en hover

Pagina: 1

Acties:

45 views sinds 30-01-2008
Reageer

zaterdag 29 december 2001 20:48

Acties:

Verwijderd

Topicstarter

ik wil graag dat:

een link #FF4500 wordt.
een visited link: #557191 wordt.

een hovered link: #557191 wordt.
een hovered visited link: FF4500 wordt.

hiervoor heb ik deze stylesheet:

code:

.updatefont { 
        font-size: 12px;
        color: #FF4500;
        font-family: verdana, arial;
        font-weight: normal;
        text-decoration: none;
        }

.updatefont:hover {
        font-size: 12px;
        color: #557191;
        font-family: verdana, arial;
        font-weight:  normal;
        text-decoration: underline;
        }

.updatefont:visited { 
        font-size: 12px;
        color: #557191;
        font-family: verdana, arial;
        font-weight: normal;
        text-decoration: none;
        }

.updatefont:visited:hover { 
        font-size: 12px;
        color: #FF4500;
        font-family: verdana, arial;
        font-weight: normal;
        text-decoration: none;
        }

Het probleem is nu dat een gewone link niet van kleur veranderd als er een hover is... dze blijft dus gewoon #FF4500 een visited link wordt wel #FF4500 dus ik moet nu alleen nog hebben dat een gewone link #557191 word.

Wat doe ik fout?

zaterdag 29 december 2001 20:50

Acties:

Dennis

Zet de updatefont:hover na updatefont:visited

zaterdag 29 december 2001 20:53

Acties:

Verwijderd

Topicstarter

dat werkt dus niet...

als ik de hover na visited zet en de visited:hover weghaal dan veranderd de gewone link wel van kleur maar de visited link blijft dan dezelfde kleur....

zaterdag 29 december 2001 20:53

Acties:

Dennis

Hmmmjah, ik heb het ff gesimuleerd en merk het idd

zaterdag 29 december 2001 21:00

Acties:

Dennis

Ik zie geen manieren om het op te lossen. Het verschilt trouwens per browser (ik denk dat IE6 het beter doet - of gebruik je die?) .

zaterdag 29 december 2001 21:06

Acties:

Verwijderd

Topicstarter

ik gebruik ie6

zaterdag 29 december 2001 21:09

Acties:

Dennis

Op zaterdag 29 december 2001 21:06 schreef ShockWave het volgende:
ik gebruik ie6

Humz, nou IE5.5 doet hetzelfde als wat jij zegt, en in Mozilla is het zelfs nog slechter geregeld.

Het omdraaien van :visited:hover naar :hover:visited had ook geen gewenst resultaat. Ik denk dat het beste is een javascriptje te schrijven die je class verandert, want een andere oplossing kan ik niet bedenken

zaterdag 29 december 2001 21:27

Acties:

Verwijderd

Topicstarter

Thnx voor je hulp in ieder geval.

zaterdag 29 december 2001 22:58

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

vreemd is dat deze code bij mij uitstekend gerenderd wordt, zowel in mac/msie5 alswel mozilla 0.9.6

heb wat overbodige dubbele declaraties eruit gehaald en een :link toegevoegd, maar misschien ligt het aan mn mac (dat ie het goed doet

)

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
   "http://www.w3.org/TR/html4/loose.dtd"> 
<html>
<head>
<title>blah</title>
<style>
.updatefont { 
    font-size: 12px;
    color: #FF4500;
    font-family: verdana, arial;
    font-weight: normal;
    text-decoration: none;
}
.updatefont:link, .updatefont:visited:hover {
    color: #FF4500;
}
.updatefont:hover {
    color: #557191;
    text-decoration: underline;
}
.updatefont:visited { 
    color: #557191;
}
</style>
</head>
<body>
<p> <a href="http://www.blah.com/" class="updatefont">blah.com</a>
<p> <a href="http://gathering.tweakers.net/forum/list_messages/364525/1?limit=100" 
class="updatefont">http://gathering.tweakers.net/forum/list_messages/364525/1?limit=100</a>
</body>
</html>

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

zaterdag 29 december 2001 23:17

Acties:

wicher|IA

uhm, dubbele pseudo-classes (of hoe die dingen heten) zijn gewoon niet toegestaan in CSS1, dus daar ligt het probleem denk ik

is een van de nieuwe dingen in CSS2, daar werkt het wel, maar dat wordt nog nauwelijks ondersteund dacht ik

zondag 30 december 2001 01:22

Acties:

RM-rf

1 2 3 4 5 7 6 8 9

Op zaterdag 29 december 2001 23:17 schreef wicher het volgende:
uhm, dubbele pseudo-classes (of hoe die dingen heten) zijn gewoon niet toegestaan in CSS1, dus daar ligt het probleem denk ik

is een van de nieuwe dingen in CSS2, daar werkt het wel, maar dat wordt nog nauwelijks ondersteund dacht ik

niet echt:

Pseudo-classes and pseudo-elements can be used in CSS selectors, but do not exist in the HTML source. Rather, they are "inserted" by the UA under certain conditions to be used for addressing in style sheets. They are referred to as "classes" and "elements" since this is a convenient way of describing their behavior. More specifically, their behavior is defined by a fictional tag sequence.

http://www.w3.org/TR/REC-CSS1#pseudo-classes-and-pseudo-elements
dus gewoonweg CSS-1

verder wordt CSS-2 al voor meen ik meer dan 50% ondersteund door mozilla

Intelligente mensen zoeken in tijden van crisis naar oplossingen, Idioten zoeken dan schuldigen

maandag 31 december 2001 02:08

Acties:

wicher|IA

Op zondag 30 december 2001 01:22 schreef RM-rf het volgende:

[..]

niet echt:
[..]

http://www.w3.org/TR/REC-CSS1#pseudo-classes-and-pseudo-elements
dus gewoonweg CSS-1

verder wordt CSS-2 al voor meen ik meer dan 50% ondersteund door mozilla

met dubbele pseudo-classes (want zo heten ze idd) bedoelde ik dingen als a:hover:active

Pagina: 1

Reageer