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!
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!
Vastaukset 3
Vanhimmat
http://www.w3schools.com/css/css_link.asp
http://w3fools.com
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.