Ulkoinen CSS-tiedosto, pieni pulma

body {
font-family:verdana, Sans-Serif;
font-size:64%;
color:#000000;
text-align:justify;

background-color:#ffffff;

A:link{color:#000000;text-decoration:none;}
A:visited{color:#000000;text-decoration:none;}
A:active{color:#ffffff;text-decoration:none;}
A:hover{color:#ffffff;text-decoration:none;}
}

Osaisiko kukaan kertoa mikä mättää? Muuten toimii kuten pitääkin, mutta linkkien ulkoasua määrittelevä osuus ei jostain syystä toimi.. Mitähän yksinkertaista olen missannut? :)
3776
Äänestä

Muut lukivat myös

Vastaukset 3

Vanhimmat

muuten ok mutta sulla oli väärässä kohdassa merkki "}".

body {
font-family:verdana, Sans-Serif;
font-size:64%;
color:#000;
text-align:justify;
background-color:#fff;
}

a:link{color:#000;text-decoration:none;}
a:visited{color:#000;text-decoration:none;}
a:active{color:#fff;text-decoration:none;}
a:hover{color:#fff;text-decoration:none;}

Äänestä
  • Ah, no sehän siinä olikin! Kiitos vain oikein kovasti avusta, pääsee vihdoin etenemään! :)

    Äänestä

Kirjoitusvirhe, jossa "}" oli väärässä paikassa, olisi todennäköisesti löytynyt W3C:n CSS-tarkistimella aika nopeasti.

Mutta kun kysyit, mitähän yksinkertaista olet missannut, niin vastataan tähän vähän vaikeampaankin kysymykseen. Koodissa on seuraavat virheet (ei muodollisia, vaan asiallisia virheitä):
1) asetat fontin Verdanaksi
2) asetat fonttikoon järkyttävän pieneksi
3) teet tasapalstaa
4) asetat linkkien värit asettamatta niiden taustaa
5) poistat linkkien alleviivauksen
6) rikot linkit tekemällä niistä samanvärisiä kuin teksti ja samanvärisiä link- kuin visited-tilassakin
7) rikot linkit active- ja hover-tilassa vielä pahemmin.

Kannattaa siis aloittaa alusta, todennäköisesti jonkin yksinkertaisen CSS-oppaan lukemisesta. Tuossa tyyliohjeessasi ei ole mitään muuta mielekästä asetusta kuin tekstin ja taustan värin asettaminen, joka taas on suhteellisen merkityksetöntä, koska asetat ne samoiksi kuin lähes kaikkien selainten oletusarvoissa,

Äänestä

Kommentoi aloitusta


Rina kirjoitti:

body {
font-family:verdana, Sans-Serif;
font-size:64%;
color:#000000;
text-align:justify;

background-color:#ffffff;

A:link{color:#000000;text-decoration:none;}
A:visited{color:#000000;text-decoration:none;}
A:active{color:#ffffff;text-decoration:none;}
A:hover{color:#ffffff;text-decoration:none;}
}

Osaisiko kukaan kertoa mikä mättää? Muuten toimii kuten pitääkin, mutta linkkien ulkoasua määrittelevä osuus ei jostain syystä toimi.. Mitähän yksinkertaista olen missannut? :)

Anonyymi
5000

Ilmoita asiaton sisältö

  • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

  • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

  • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

  • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

  • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

  • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

Jaa keskustelu