A:active ei toimi.

Help!

Mikä tässä koodissa mättää? Muuten linkit näkyvät oikein, mutta a:active ei pysy/toimi. Eli sivu jolla ollaan ei pysy aktiivisena tyylitiedoston määritelmillä. a:hover toimii.

a {
list-style-type: none;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10px;
line-height: 2em;
}

a:link, a:visited {
font-weight: bold;
color: #606060;
text-decoration: none;
}

a:hover {
font-weight: bold;
color #996600;
text-decoration: underline;
}

a:active {
font-weight: bold;
color: #996600;
text-decoration: underline;
}

Kiitos jos autat!
Ilmianna
Jaa

3 Vastausta



Ilmianna
Jaa
Kysymykseen "Mikä tässä koodissa mättää?" rehellinen oikea vastaus on "suunnilleen kaikki". Turha list-style-type-asetus, Verdana, pikselimääräinen fonttikoko, suhteettoman iso rivinkorkeus, linkkien lihavointi jne.

Jos nyt kuitenkin keskitytään siihen, mitä tässä luullaan varsinaiseksi ongelmaksi, niin syynä on, että :active ei tarkoita alkuunkaan sitä, mitä oletetaan. Tässä oikea määrittely:
http://www.w3.org/TR/CSS2/selector.html#dynamic-pseudo-classes

Se siis ei tarkoita ”nykyistä sivua”. Mitään sellaista käsitettä ei edes ole CSS:ssä.

Kyseinen ongelma katoaa (logiikan pöllähdyksessä, in a puff of logic), kun sivut tuotetaan niin, että mikään sivu ei sisällä linkkiä itseensä. Sellaiset linkithän ovat paitsi turhia myös haitallisia käytettävyyden kannalta.
Ilmianna
Jaa

Vastaa alkuperäiseen viestiin

A:active ei toimi.

Help!

Mikä tässä koodissa mättää? Muuten linkit näkyvät oikein, mutta a:active ei pysy/toimi. Eli sivu jolla ollaan ei pysy aktiivisena tyylitiedoston määritelmillä. a:hover toimii.

a {
list-style-type: none;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 10px;
line-height: 2em;
}

a:link, a:visited {
font-weight: bold;
color: #606060;
text-decoration: none;
}

a:hover {
font-weight: bold;
color #996600;
text-decoration: underline;
}

a:active {
font-weight: bold;
color: #996600;
text-decoration: underline;
}

Kiitos jos autat!

5000 merkkiä jäljellä

Peruuta