Eri väriset linkit

Sini_23

Moiks.

Tuli vähän ongelmia kun noita kotisivuja väsäilin. Oon käyttänyt ulkoista CSS-tiedostoa, jossa oon jo määritellyt linkeille a:link, a:visited ja muut... Nyt pitäisi kuitenkin saada sivun ylälaitaan linkkejä, jotka ovat eri värisiä kuin aiemmin määrittelemäni.

Nuo aikaisemmat ovat vihreitä ja näistä pitäisi saada valkoisia. osaiskohan joku auttaa? :)

- Sini

6

431

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • bBb

      Tyylitiedostoon vain uusille linkkiväreille määrittely, vaikkapa

      A.valkoinen:link
      {
      FONT-WEIGHT: normal;
      COLOR: #FFFFFF;
      TEXT-DECORATION: none
      }

      A.valkoinen:visited
      {
      FONT-WEIGHT: normal;
      COLOR: #CD661D;
      text-decoration:none
      }

      A.valkoinen:active
      {
      FONT-WEIGHT: normal; COLOR: #0000aa; TEXT-DECORATION: none
      }

      A.valkoinen:hover
      {
      FONT-WEIGHT: normal;
      COLOR: #0000aaa   ;
      TEXT-DECORATION: none
      }

      ja näissä linkeissä viittaat tuohon valkoiseen

      • Höpö.

        hötömölöön vaikka:


           linkki
           linkki
           linkki
           linkki



        ja sitten css:ään kuten bBb laittoi, mutta hieman eri tavalla:

           #linkbar2 a:link {
              color: #ffffff;
              text-docoration: none;
              }
           #linkbar2 a:visited {
           
           jne...




        mutta makuasia tuo kai pitkälti on..


      • Höpö. kirjoitti:

        hötömölöön vaikka:


           linkki
           linkki
           linkki
           linkki



        ja sitten css:ään kuten bBb laittoi, mutta hieman eri tavalla:

           #linkbar2 a:link {
              color: #ffffff;
              text-docoration: none;
              }
           #linkbar2 a:visited {
           
           jne...




        mutta makuasia tuo kai pitkälti on..

        Tuollainen id-määritteen käyttö sinänsä toimii, ainakin jos tyyliä halutaan aina käyttää vain yhdelle linkkipalkille yhdellä sivulla (vihje: class).

        Mutta linkkien värien asettaminen _oikein_ on huomattavasti vaativampaa. Siinä pitää ottaa huomioon muun muassa se, että jos asettaa värin, pitää aina asettaa myös tausta. Lisäksi on huolehdittava näiden välisestä riittävästä kontrastista.

        Näitä ei ole ihan helppo selittää (vaikka on usein helppo nähdä, milloin periaatteita _ei_ ole ymmärretty tai viitsitty noudattaa), mutta oppaissa ja kirjoissa...


    • Sini_23

      Tuossa ensimmäisessä esimerkissä, miten linkeissä "viittaan" tuohon valkoiseen?

      Entä tuo toinen, tuleeko div aloittaa ennen td:tä vai sen jälkeen? Kun solussa nuo linkit ovat.

      Ja tuo kolmas sitten, miten tuo onnistuu class:n kanssa kun sitähän ei lopeteta ollenkaan / ?

      Yritin jokaista kyllä mutta jostain syystä en saanut toimimaan. Tuolla divillä sain muuten, mutta se tekee soluun ylimääräisen rivin, jota en saa pois, siksi kyselin missä kohdassa div pitää aloittaa -niin ja lopettaa :)

      • Höpö.

        Et kertonut, että teet homman taulukolla joten tietenkään kukaan ei voinut sitä arvata.

        En nyt ala paasaamaan taulukkotaiton huonoudesta, vaan kerron miten saat tuon määriteltyä taulukolla.

        Jos sinulla on taulukossa linkit vaikka näin:


           
              linkki
              linkki
              linkki
           


        Silloin voit laittaa classin vaikka table-elementtiin tai sitten td-elementteihin.
        Table-elementti lienee tässä tapauksessa fiksumpi.


           
              linkki
              linkki
              linkki
           


        Minun ehdottamani id toimii aivan samalla tavalla. ID:tä et voi kuitenkaan laittaa joka soluun, tai voit mutta sama id saa esiintyä samalla sivulla vain kerran:


           
              linkki
              linkki
              linkki
           




        Ja pistä korvan taakse myös Yuccan kirjoitus: jos annetaan tekstin väri, kannattaa aina antaa myös taustaväri (vaikkei sitä vaaditakaan).

        Pidä myös huoli, että jos otat linkeistä alleviivauksen pois, ne pitäisi silti tunnistaa linkeiksi. Ja sama väritysten kanssa.


    • Sini_23

      Meinasin jo esittää lisäkysymyksiä, mutta suomi24 pätkäsi jotenkin ja sinä aikana päätin vielä yrittää. Nyt toimii! :)

      Kiitosta.

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Luetuimmat keskustelut

    1. Laitetaas nyt kirjaimet tänne

      kuka kaipaa ja ketä ?
      Ikävä
      191
      11579
    2. Pieni häivähdys sinusta

      Olet niin totinen
      Ikävä
      58
      5489
    3. Taas ryssittiin oikein kunnolla

      r….ä hyökkäsi Viroon sikaili taas ajattelematta yhtään mitään https://www.is.fi/ulkomaat/art-2000011347289.html
      NATO
      46
      2777
    4. Missä olet ollut tänään kaivattuni?

      Ikävä sai yliotteen ❤️ En nähnyt sua tänään söpö mies
      Ikävä
      40
      2405
    5. Vanha Suola janottaa Iivarilla

      Vanha suola janottaa Siikalatvan kunnanjohtaja Pekka Iivaria. Mies kiertää Kemijärven kyläjuhlia ja kulttuuritapahtumia
      Kemijärvi
      13
      1871
    6. Valtimon Haapajärvellä paatti mäni nurin

      Ikävä onnettomuus Haapajärvellä. Vene hörpppi vettä matkalla saaren. Veneessä ol 5 henkilöä, kolme uiskenteli rantaan,
      Nurmes
      44
      1845
    7. Otavassa tapahtuu!

      Rakennuspalo, yläkerta tulessa. Henkirikosta epäillään. Tiettyä henkilöautoa etsitään, minkä mahdollinen epäilty ottanut
      Mikkeli
      29
      1714
    8. Ikävä sinua

      Onkohan sulla ollut sama tunne kuin mulla viimeisten parin päivän aikana, eilen varsinkin. Ollaan oltu ihan lähellä ja k
      Ikävä
      12
      1636
    9. Tiedän kuka sinä noista olet

      Lucky for you, olen rakastunut sinuun joten en reagoi negatiivisesti. Voit kertoa kavereillesi että kyl vaan, rakkautta
      Ikävä
      42
      1488
    10. Tulemmeko hyvin

      Toimeen ja juttuun keskenämme? Luulen, että sopisit hyvin siihen ☀️ympäristöön, paljon kaikkea erilaista.♥️mietin tätä s
      Ikävä
      6
      1486
    Aihe