HTML ja CSS ongelma

Discussion in 'Vapaata keskustelua' started by qwertyi, Sep 5, 2012.

  1. qwertyi

    qwertyi Member

    Joined:
    Nov 21, 2006
    Messages:
    55
    Likes Received:
    0
    Trophy Points:
    16
    Nyt ei sitten muistu mieleen vaikka kuinka koittaisi ja googlekaan ei auttanut.

    Kun kotisivuilla on linkkejä laitettuna eri väripohjille niin pitäisi niiden myös käyttäytyä eri tavalla, ainakin värien suhteen. Ongelma on siis siinä, miten tuonne CSS-tiedostoon määritetään linkkien käyttäytyminen niin että eri linkeille voi määritellä eri värit jne.

    A:link{color:white; text-decoration:none;}
    A:visited{color:white; text-decoration:none;}
    A:active{color:black; text-decoration:none;}
    A:hover{color:black; text-decoration:none;}

    Eli noin on määritetty linkit ja ne toimii, mutta jos haluan määritellä jotkin linkit eritavalla, niin mites se määritettiin tuonne CSS-tiedostoon. Html-koodin puolellahan se sitten meni a href class="jä tähän määritelmän nimitys".
     
  2. Tiger25

    Tiger25 Active member

    Joined:
    May 13, 2011
    Messages:
    1,574
    Likes Received:
    72
    Trophy Points:
    78
    Laita tuohon A-kirjaimen jälkeen piste ja linkin luokka ennen kaksoispistettä ja tilan määrettä esim:

    "a.link1:link{color: white; text-decoration: none;}"

    Komentaa eri linkkisarjaa kuin:

    "a.link2:link{color: white; text-decoration: none;}"

    Tällöin html-koodiin lisätään linkkiin luokan määritelmä class="link1" jos halutaan käyttää linkkimäärityksiä luokalle "link1" ja luokan määritelmä class="link2" jos halutaan käyttää linkkimäärityksiä luokalle "link2".

    Esimerkin toiminnasta ja CSS-koodista löydät täältä.
     
    Last edited: Sep 6, 2012
  3. qwertyi

    qwertyi Member

    Joined:
    Nov 21, 2006
    Messages:
    55
    Likes Received:
    0
    Trophy Points:
    16
    Noinhan se oli. Kiitos vain. Melkeinpä kaikkia muita tapoja koitin. Eiköhän tällä homma toimi.
     
  4. qwertyi

    qwertyi Member

    Joined:
    Nov 21, 2006
    Messages:
    55
    Likes Received:
    0
    Trophy Points:
    16
    Kysytääkn nyt vielä sen verran, että tietokoneella homma näyttää ok, mutta kun sivuilla on puhelinumeroita joita mobiiliselaimet käsittelevät linkkeinä, niin pitääkö nuo puhelinnumerot käsitellä HTML-koodissa niinkuin linkit, ilman osoitetta.

    Esim: <A CLASS="link1">02-1234 567</A> jotta näkyy css-määrityksen mukaisesti vai miten noita puhelinnumeroita pitäis käsitellä jotta mobiiliselaimilla onnistuu numeroa klikkaamalla soittaminen, mutta silti "linkin" ulkoasuun voi puuttua.
     

Share This Page