1. Tämä sivusto käyttää keksejä (cookie). Jatkamalla sivuston käyttämistä hyväksyt keksien käyttämisen. Lue lisää.

HTML ja CSS ongelma

Viestiketju Vapaata keskustelua -osiossa. Ketjun avasi qwertyi 06.09.2012.

  1. qwertyi

    qwertyi Member

    Liittynyt:
    21.11.2006
    Viestejä:
    55
    Kiitokset:
    0
    Pisteet:
    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.  
  3. Tiger25

    Tiger25 Active member

    Liittynyt:
    13.05.2011
    Viestejä:
    1,574
    Kiitokset:
    72
    Pisteet:
    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ä.
     
    Viimeksi muokattu: 06.09.2012
  4. qwertyi

    qwertyi Member

    Liittynyt:
    21.11.2006
    Viestejä:
    55
    Kiitokset:
    0
    Pisteet:
    16
    Noinhan se oli. Kiitos vain. Melkeinpä kaikkia muita tapoja koitin. Eiköhän tällä homma toimi.
     
  5. qwertyi

    qwertyi Member

    Liittynyt:
    21.11.2006
    Viestejä:
    55
    Kiitokset:
    0
    Pisteet:
    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.
     

Jaa tämä sivu