Hei,
miten saan seuraavan koodin css- tiedostoon.
minulla on nettisiovut työstössä, jossa otsikoiden avulal liikutaan sivulta toiselle.
a:hover {color-weight: bolder;} koodilal sain otsikot boldattua, kun kuespri on tietyn otsikon päällä.
Millä koodilla saan seuraavan toiminnon --> kun menen otsikoiden avulla tietylle sivulle, haluan, että se nimen omainen otsikko jonka sivulla olen, näkyy boldattuna ja muut otsikot eivät ole boldattuja sillä hetkellä. Tämä ei onnistu a:active, eikä a:visited kommennoilla. Vinkkekä, kiitos!
miten saan seuraavan koodin css- tiedostoon.
minulla on nettisiovut työstössä, jossa otsikoiden avulal liikutaan sivulta toiselle.
a:hover {color-weight: bolder;} koodilal sain otsikot boldattua, kun kuespri on tietyn otsikon päällä.
Millä koodilla saan seuraavan toiminnon --> kun menen otsikoiden avulla tietylle sivulle, haluan, että se nimen omainen otsikko jonka sivulla olen, näkyy boldattuna ja muut otsikot eivät ole boldattuja sillä hetkellä. Tämä ei onnistu a:active, eikä a:visited kommennoilla. Vinkkekä, kiitos!
Vastaukset 4
Vanhimmat
Ominaisuutta color-weight ei ole, eikä sen asettamisella saa siis mitään aikaan. Tarkoitat kai ominaisuutta font-weight.
Sen käyttö niin, että fontti vaihtuu lihavaksi ja taas normaaliksi, on kyseenalaista muun muassa siksi, että yleensä lihavointi aiheuttaa myös tekstin leveyden pienen kasvun. Tämä saattaa sotkea taittoa tai vain aiheuttaa kummallisen näköisen muutoksen. Parempi ja tavallisempi idea on vaihtaa taustan väri tai tekstin väri tai elementin reunaviivan väri tai näiden yhdistelmä.
Kysymyksesi olisi helpompi ymmärtää, jos esittäisit vähän koodia tai URLin. Nyt pitää arvata... tässä on sellainen tulkinta, jolla hommaan on ratkaisu (muilla tulkinnoilla ei taida olla): Oletetaan, että otsikko on linkki, jossa href=xyz.html#foo ja sivulla xyz.html on esimerkiksi Kukkuu ja haluaisit, että kuin linkkiä on seurattu, "Kukkuu" näkyy lihavalla. Tämä onnistuu sillä, että sivun xyz.html tyyliohjeessa on
h2:target { font-weight: bold }
Tosin otsikot ovat oletusarvoisesti lihavalla, mutta kaipa ajatuksena on, että tämä on sivulla estetty, esimerkiksi
h2 { font-weight: normal }
Tuo :target on aika hyvin tuettu, ei kuitenkaan IE 8:ssa ja vanhemmissa:
https://developer.mozilla.org/en-US/docs/Web/CSS/:target
}
.header div#navigation ul li.selected{
background:url(../images/bg-menu-selected.gif) no-repeat center top;
width:134px;
...sekä kyseiseen sivuun...
vielä TEKSTI teksti
kiitos! Nyt pelittää :)