HTML ja CSS ongelma

Yksityisviestit

Luo uusi yksityisviesti

Kaikki uudet viestit

Ilman vastauksia olevat viestiketjut

Hae viestejä

torstai 30.1.2025 / 18:46

Hae keskustelualueilta:

afterdawn.com > keskustelu > yleinen keskustelu > kaikki muut keskusteluaiheet > html ja css ongelma

Aiheet

Keskustelualueet

Vastaa

Aloita uusi viestiketju

HTML ja CSS ongelma

Siirry:

Kirjoittaja

Viesti

qwertyi

Newbie

6. syyskuuta 2012 @ 00:11

Linkki tähän viestiin

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".

[ + lainaa]

Tiger25

Senior Member

6. syyskuuta 2012 @ 19:16

Linkki tähän viestiin

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ä.

[ + lainaa]

Viestiä on muokattu lähettämisen jälkeen. Viimeisin muokkaus 6. syyskuuta 2012 @ 20:30

qwertyi

Newbie

6. syyskuuta 2012 @ 19:18

Linkki tähän viestiin

Noinhan se oli. Kiitos vain. Melkeinpä kaikkia muita tapoja koitin. Eiköhän tällä homma toimi.

[ + lainaa]

Mainos

qwertyi

Newbie

6. syyskuuta 2012 @ 20:45

Linkki tähän viestiin

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.

[ + lainaa]

Vastaa

Aloita uusi viestiketju

afterdawn.com > keskustelu > yleinen keskustelu > kaikki muut keskusteluaiheet > html ja css ongelma


		Käyttäjä	Salasana

		Puuttuuko tunnus? Liity jäseneksi nyt!. Salasana hukassa? Klikkaa tästä.