Mikä mättää css-tiedostossani, vai onkohan vika selaimessa?
Tarvitsen sivustossani kahdenlaisia linkkien tyylimäärityksiä, ja sen vuoksi olen päätynyt käyttämään luokkia. css-tiedosto sisältää mm. seuraavan pätkän:
.linkki a:link, a:visited {
font-family: Verdana, Arial;
font-weight: normal;
text-decoration: none;
color: #000000;
}
Mutta kun viittaan tähän tyylipätkään normaalisti class="linkki" niin
mitään ei kuitenkaan tapahdu, eli linkit pysyvät sinisinä ja alleviivattuina...
Tarvitsen sivustossani kahdenlaisia linkkien tyylimäärityksiä, ja sen vuoksi olen päätynyt käyttämään luokkia. css-tiedosto sisältää mm. seuraavan pätkän:
.linkki a:link, a:visited {
font-family: Verdana, Arial;
font-weight: normal;
text-decoration: none;
color: #000000;
}
Mutta kun viittaan tähän tyylipätkään normaalisti class="linkki" niin
mitään ei kuitenkaan tapahdu, eli linkit pysyvät sinisinä ja alleviivattuina...
Vastaukset 7
Vanhimmat
jotenkin:
a.one {font-family: Verdana, Arial;
font-weight: normal;
text-decoration: none;
color: #000000;}
ja merkkaa linkki:
linkki :)
Nyt olet antanut linkki-luokan vain link:lle. Siis kun se luokka pitää määrittää kaikille.
Eli:
a.linkki: link, a.linkki:visited,a.linkki:hover, a.linkki:active
{
font-family: Verdana, Arial;
font-weight: normal;
text-decoration: none;
color: #000000;
}
Näinkin:
Tämä paddyd:n vinkki toimii,jos ei tarvitse käyttää luokkia linkeissä. Mutta koska tarvitsen sivuillani kahdenlaisia, siis eri näköisiä, linkkejä, on minun käytetävä luokkia.
Sain tämän lopulta toimimaan tekemällä css-tiedostoon ensin määrittelyt tuolle a-elementille (kuten paddyd:n esimerkissä) ja sitten kaksi luokkaa font-elementille.
Sitten viittaan tekstissä luokkiin esim. näin:
Linkki1
Linkki2
Tossa mun esimerkissähän oli ".teksti", olisi voinut olla myös ".harvennettu" jne. En laittanut hela rimpsua ja yleensä vielä linkitän CSS:t dokumenttiin koska isoilla sivustoilla tyylejä on voinut kertyä paljonkin ajan mittaan ... ja vielä flasheille omansa.
Hyvä että toimii t. Paddy
Muuten hyvä, mutta tuon -tagin käyttöä tulisi välttää, se kun on ns. deprecated (eli "speksistä poistettu") tagi. Käytä sen sijassa jotakin muuta inline-tagia, esim. .
Miksi muuten yleensä ympäröit esimerkissäsi -tagin tuolla -tagilla, koska et tarvitse sitä. Voit yhtä hyvin antaa nuo "ekaluokka" ja "tokaluokka" -luokkamääreet suoraan -tagille.
Tuli aikoinaan tehtyä scripti tohon muotoon.