otsikoiden boldaus - miten onnistuu!!

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!
Ilmianna
Jaa

4 Vastausta



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
Ilmianna
Jaa
}
.header div#navigation ul li.selected{
background:url(../images/bg-menu-selected.gif) no-repeat center top;
width:134px;

...sekä kyseiseen sivuun...
Kommentoi
Ilmianna
Jaa
1 VASTAUS:
vielä TEKSTI teksti
Kommentoi
Ilmianna
Jaa
+Lisää kommentti
kiitos! Nyt pelittää :)
Ilmianna
Jaa

Vastaa alkuperäiseen viestiin

otsikoiden boldaus - miten onnistuu!!

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!

5000 merkkiä jäljellä

Peruuta