Linkkitekstin tyyli

Siiihen head-osioon kirjoitetaan?

Jotenkin alink, vlink ja sillee?

Julle kirjoitti:

Siiihen head-osioon kirjoitetaan?

Jotenkin alink, vlink ja sillee?

a {text-decoration: none; color: #345;}
a:visited {color: #226;}
a:active {color: #226;}
a:hover {color: #226; text-decoration: underline;}

hiihaa kirjoitti:

a {text-decoration: none; color: #345;}
a:visited {color: #226;}
a:active {color: #226;}
a:hover {color: #226; text-decoration: underline;}

a:link {text-decoration: none; color: #345;}
a:visited {color: #226;}
a:hover {color: #226; text-decoration: underline;}
a:active {color: #226;}


LoVe/HAte(Link, Visited, Hover, Active), niin ei pääse käymään ikäviä yllätyksiä:
"Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (lime) will apply when the user both activates and hovers over the A element."

Y_H kirjoitti:

a:link {text-decoration: none; color: #345;}
a:visited {color: #226;}
a:hover {color: #226; text-decoration: underline;}
a:active {color: #226;}


LoVe/HAte(Link, Visited, Hover, Active), niin ei pääse käymään ikäviä yllätyksiä:
"Note that the A:hover must be placed after the A:link and A:visited rules, since otherwise the cascading rules will hide the 'color' property of the A:hover rule. Similarly, because A:active is placed after A:hover, the active color (lime) will apply when the user both activates and hovers over the A element."

"a:link {text-decoration: none; color: #345;}"

Näinhän se toimii, mutta käytännössä tätä *ei pidä käyttää*.

Ihmiset ovat hyvin tottuneita siihen, että linkit ovat alleviivattuja ja sinisiä. Sinisyydestä voi tinkiä, jos taustaväri ei sovi sen kanssa yhteen, mutta alleviivauksesta ei.

hover-määritteeseen sen sijaan voi liittää alleviivaamattomuuden ja ehkä myös taustavärin vaihdon.

Ja kuten esimerkkikoodissa olikin, visited- ja link-tyylien tulee ehdottomasti olla erilaisia, jotta tiedetään, mitä linkkejä on jo paineltu. On erittäin turhauttavaa eksyä vahingossa uudestaan samalle sivulle, jolta juuri tuli pois.

linkkien _värit_ voi määritellä ilman css:iä
http://www.htmlcodetutorial.com/document/_BODY_TEXT.html
mutta ei sitä hiiren osoittimen paikan mukaan vaihtuvaa linkin tyyliä.

tämä viilailuna, itsekin käytän yleensä css:iä..

Strawman kirjoitti:

"a:link {text-decoration: none; color: #345;}"

Näinhän se toimii, mutta käytännössä tätä *ei pidä käyttää*.

Ihmiset ovat hyvin tottuneita siihen, että linkit ovat alleviivattuja ja sinisiä. Sinisyydestä voi tinkiä, jos taustaväri ei sovi sen kanssa yhteen, mutta alleviivauksesta ei.

hover-määritteeseen sen sijaan voi liittää alleviivaamattomuuden ja ehkä myös taustavärin vaihdon.

Ja kuten esimerkkikoodissa olikin, visited- ja link-tyylien tulee ehdottomasti olla erilaisia, jotta tiedetään, mitä linkkejä on jo paineltu. On erittäin turhauttavaa eksyä vahingossa uudestaan samalle sivulle, jolta juuri tuli pois.

Kyllä luulisi, että aika moni webissä seikkailija nykyisin osaa jo katsella sivuilla esiintyvien sanojen perusteella ja päätellä niistä mikä on linkki, mikä ei. Eri asia tietenkin, jos linkit ovat ihan täysin merkkaamattomia, eli tavalliseen sivun tekstiin verrattavissa.

Minusta taas on turhauttavaa ja sivujen yleisilme kärsii suuresti, jos jokainen linkki on erivärinen riippuen siitä, missä niistä on käynyt. Tosin tuokin voi toki toimia *todella* paljon informaatiota sisältävissä sivuissa, että pysyy kärryillä missä mennään.

Siksi käytän usein samaa tyyliä linkissä ja visitedissä. Mutta makuasioita tietenkin. :)

Molla kirjoitti:

Kyllä luulisi, että aika moni webissä seikkailija nykyisin osaa jo katsella sivuilla esiintyvien sanojen perusteella ja päätellä niistä mikä on linkki, mikä ei. Eri asia tietenkin, jos linkit ovat ihan täysin merkkaamattomia, eli tavalliseen sivun tekstiin verrattavissa.

Minusta taas on turhauttavaa ja sivujen yleisilme kärsii suuresti, jos jokainen linkki on erivärinen riippuen siitä, missä niistä on käynyt. Tosin tuokin voi toki toimia *todella* paljon informaatiota sisältävissä sivuissa, että pysyy kärryillä missä mennään.

Siksi käytän usein samaa tyyliä linkissä ja visitedissä. Mutta makuasioita tietenkin. :)

"Minusta taas on turhauttavaa ja sivujen yleisilme kärsii suuresti, jos jokainen linkki on erivärinen riippuen siitä, missä niistä on käynyt."

Minusta on paljon turhauttavampaa, ellen tiedä, missä olen jo käynyt. Tämänkin keskustelufoorumin käyttäminen olisi todella tuskaista, elleivät jo luetut keskustelut näkyisi violetilla sinisen sijaan. Jos sivujen "yleisilme" kärsii erilaisten värien käytöstä, on ehkä syytä suunnitella se yleisilme uudestaan.

Ihan pari linkkiä sisältävässä navigointipalkissa ei ehkä ole tarpeen käyttää visited-linkille eri väriä, koska käyttäjän voi olettaa muistavan, missä hän on käynyt. Jos navigointipalkissa oleville sivuille pääsee kuitenkin muutakin reittiä kuin sen palkin kautta, visited-linkille olisi syytä asettaa eri väri.

Strawman kirjoitti:

"Minusta taas on turhauttavaa ja sivujen yleisilme kärsii suuresti, jos jokainen linkki on erivärinen riippuen siitä, missä niistä on käynyt."

Minusta on paljon turhauttavampaa, ellen tiedä, missä olen jo käynyt. Tämänkin keskustelufoorumin käyttäminen olisi todella tuskaista, elleivät jo luetut keskustelut näkyisi violetilla sinisen sijaan. Jos sivujen "yleisilme" kärsii erilaisten värien käytöstä, on ehkä syytä suunnitella se yleisilme uudestaan.

Ihan pari linkkiä sisältävässä navigointipalkissa ei ehkä ole tarpeen käyttää visited-linkille eri väriä, koska käyttäjän voi olettaa muistavan, missä hän on käynyt. Jos navigointipalkissa oleville sivuille pääsee kuitenkin muutakin reittiä kuin sen palkin kautta, visited-linkille olisi syytä asettaa eri väri.

...edellisissä kommenteissaan. Kyllä, on käyttäjiä, joille alleviivaus on helpottava. Ja kun se alleviivaus - toki jo kauan sitten - vakiintui, miksi siitä pitää sitten kikkailla pois? Siksikö, että itse on olevinaan tietävä...moisessa pikkuasiassa vielä, jollekin kokemattomalle se ei kuitenkaan ole pikku asia, vaan helpottaa. Ja visited väri on erittäin hyödyllistä vaihtua, vaikkakin tekee sivun kirjavaksi. Eli yleisilme pitää tekijän sitten harkita uudestaan tykönään, kuten Strawman jo totesikin. Hermothan siinä menee, jos väri ei vaihdu...

rile kirjoitti:

...edellisissä kommenteissaan. Kyllä, on käyttäjiä, joille alleviivaus on helpottava. Ja kun se alleviivaus - toki jo kauan sitten - vakiintui, miksi siitä pitää sitten kikkailla pois? Siksikö, että itse on olevinaan tietävä...moisessa pikkuasiassa vielä, jollekin kokemattomalle se ei kuitenkaan ole pikku asia, vaan helpottaa. Ja visited väri on erittäin hyödyllistä vaihtua, vaikkakin tekee sivun kirjavaksi. Eli yleisilme pitää tekijän sitten harkita uudestaan tykönään, kuten Strawman jo totesikin. Hermothan siinä menee, jos väri ei vaihdu...

Jollei halua monenkirjavia linkeistä (eli ei taas yhtä lisäVÄRIÄ jo käydylle linkille) niin voishan sen visited-linkin laittaa tavallisen linkin väriseksi mutta alleviivaamattomaksi. Silloinkin näkyy hyvin mikä on linkki ja hyvin erottuisi myös missä on käyty.

Siinä että kerran vierailtu linkki on erilainen kuin neitseellinen on vielä sellainenkin pointti että myös eri sivuilta voi olla mahdollisuus mennä samaan paikkaan. Näinollen vaikka vierailisit sivulla jossa et ole ennen käynyt niin näet suoraan oletko käynyt jossain sivun osoittamassa linkissä.