Näin muutetaan kaikien linkkien väriä:
a:link { color: blue; }
a:hover { color: red; }
Kuinka vaihdetaan eri linkkipalstoille eri väri(kun hiirenosoitin on sen päällä)? Tässä palstat:
Pelejä
http://www.pelit.fi
Tietokoneita
http://www.mikrobitti.fi
http://www.tietokone.fi
Chat
http://www.suomi24.fi
http://www.kiss.fi
Huutokauppoja
http://www.huuto.net
Vuokraa oma palvelin
http://www.mmd.net
Hanki oma laajakaista
http://www.elisa.fi
http://www.welho.fi
http://www.sonera.fi
Työpaikkoja
http://www.mol.fi
TV
http://www.telkku.com
http://www.mtv3.fi
Html opas
http://www.w3schools.com
http://www.html.com
DVD
http://www.dvdpure.net
Sähköposti
http://www.luukku.com
Asiaa Kännyistä
http://www.elisa.fi
http://www.welho.fi
http://www.sonera.fi
Kiitän jo etukäteen !
a:link { color: blue; }
a:hover { color: red; }
Kuinka vaihdetaan eri linkkipalstoille eri väri(kun hiirenosoitin on sen päällä)? Tässä palstat:
Pelejä
http://www.pelit.fi
Tietokoneita
http://www.mikrobitti.fi
http://www.tietokone.fi
Chat
http://www.suomi24.fi
http://www.kiss.fi
Huutokauppoja
http://www.huuto.net
Vuokraa oma palvelin
http://www.mmd.net
Hanki oma laajakaista
http://www.elisa.fi
http://www.welho.fi
http://www.sonera.fi
Työpaikkoja
http://www.mol.fi
TV
http://www.telkku.com
http://www.mtv3.fi
Html opas
http://www.w3schools.com
http://www.html.com
DVD
http://www.dvdpure.net
Sähköposti
http://www.luukku.com
Asiaa Kännyistä
http://www.elisa.fi
http://www.welho.fi
http://www.sonera.fi
Kiitän jo etukäteen !
Vastaukset 5
Vanhimmat
Aletaan ensin muista asioista..
Nykyisin suositellaan että tagit kirjoitetaan aina pienellä. Ja jos kirjoitat isolla niin kirjoita sitten kaikki isolla.
Seuraavaksi kehottaisin olemaan käyttämättä alleviivausta muulloin kuin linkeissä. Tai no, sanotaan että käsken.
Kolmanneksi, vaikka elementtien dd ja dt lopetustagit ovatkin valinnaisia on suositeltavaan käyttää niitä.
Ja sitten itse asiaan:
minä laittaisin molemmille linkkipalstoille oman id-tunnuksen, ensimmäiselle vaikka linkit1 ja toiselle linkit2
Siis näin:
Pelejä
http://www.pelit.fi
.
.
Työpaikkoja
http://www.mol.fi
.
.
Nyt voit laittaa css-osastoon vaikkapa näin:
a:link { color: blue; }
a:hover { color: red; }
#linkit2 a:hover { color: #FF1493;}
Eli linkin väri on aina blue ja hoveri on aina red, PAITSI jos toisin määrätään. Tässä tapauksessa määrätään toisin, eli toisessa linkkibarissa hoveri onkin jotain muuta.
Onko tossa kirjoitusvirhe?
Ilmeisesti loppuu: kumpi tähän tulee & gt vai lt;
Kyseessä ei ollut kirjoitusvirhe koska minä kirjoitin aivan oikein. Virhe se kylläkin oli ja se johtuu tästä idioottimaisesta keskustelupalstasta joka muuttelee koodeja miten sattuu.
Molempiin kohtiin tulee
Tän palstan tapa muutella noita on mulle vielä vähän hämärän peitossa koska nuokin kaksi samanlaista kohtaa muutettiin eri tavalla.
Palsta tekee siis joistain erikoismerkeista html-entiteettejä, esim < merkki kirjoitetaan < ja > -merkki >
Useimmiten virheet tulevat juuri noiden a -tagien käytöstä. Tavallisesti sinne tulee vähintään ylimääräinen puolipiste ( ; -merkki).
Joka tapauksessa koodit näkyy oikein silloin kun olet vastaamassa viestiini. Menet siis edelliseen viestiini ja painat "Vastaa tähän viestiin". Sieltä kopioit sen koodin.
Tää on ihan pimee paikka...
Jos ensimmäinen palsta on "gt" ja toinen "lt" niin mikä on kolmas ja neljäs jne.
Tietäisitkö hyvää linkkiä mistä vois lukea asiaan liittyvää ?
»Jos ensimmäinen palsta on "gt" ja toinen "lt" niin mikä on kolmas ja neljäs jne.»
Ei ensimmäinen palsta ole gt eikä toinen ole lt. Tämä foorumi vain kirjoittaa väärin koodin, enkö jo kertonut. Korvaa " & gt; " merkillä > ja " & lt; " merkillä <
Minä en voi mitään tämän palstan teknisille idioottimaisuuksille...
Ne linkit kuuluvat olla aivan normaaleja linkkejä, aivan samanlaisia mitä sinulla alunperinkin oli (vertaa vaikka sitä mikä on alkuperäinen koodisi ja miltä näyttää tänne laittamasi koodi. Ne ovat takuulla erilaisia).
Tuon antamani koodin idea on siinä id-tunnuksessa; sillä tavalla yksilöidään listat.
Kun css-osastossa halutaan viitata johonkin tiettyyn yksilöityyn paikkaan (vaikka esimerkkitapauksen id="linkit2" niin silloin sinne kirjoitetaan
#linkit2 { /*määritykset */ ;}