Keskustelu: Nettisivujen teko: CSS ja taulukon solu

tuli tässä sellainen ongelma, etten saanut taulukon soluun haluamaani fonttia.

kutsun taulukon solussa javascriptin muuttujaa:

<omacssfontti1>
<td id="jacascriptmuuttuja"><td>
</omascssfontti1>

ja mun pitäisi saada tuon muuttujan arvo tuon oman CSS:llä määritellyn fontin mukaiseksi, mutta tuo tagi ei tee mitään tekstille tässä yhteydessä. Kuinka saisin muutettua fonttia tuolta arvolta, jonka haen scriptistä?

Vähän meni yli. Etkö voi vaan laittaa CSS:llä normaalisti tuon tyylin? Eli

<td id='jotain'>jea</td>

ja CSS:

td#jotain { font-family: georgia, garamond, serif; }

.

Joo, siis en näemmä esittänyt asiaa riittävän selkeästi

Olen siis määritellyt css oman tyylin:

<style type ="text/css">
omatyyli1{color:red;font-size:120%}
</style>

.....


<td>
<omatyyli1>
Tämä on normaalia leipätekstiä ja tämän fontti on sama kuin omatyyli1:llä kuuluu.
</omatyyli1>
</td>



<td id ="javasriptarvo"> <!-- id javascript koodiin-->
<omatyyli1></omatyyli1>
<td>

<!-- mutta tämän solun arvo, eli esimerkiksi "13242" ei tulekkaan omalla tyylillä, sen takia, ettei voi millään asettaa noita tageja vaikuttamaan tuohon scripistä haettuun arvoon.

ps. itseassiassa kokeilin Firefoxin sijaan internet Explorerilla avata sivuani, niin CSS tyyliini ei näy tuossa normaalissakaan tapauksessa, eli laittamalla tekstiä "<omatyyli1>" tagien sisään. Mistäköhän voisi moinen johtua?

Paulus M kirjoitti:

<omatyyli1>

Et voi keksiä omia tageja. Voit sen sijaan viitata myös CSS:llä siihen ID-attribuuttiin:

<style type ="text/css">
#javascriptarvo {
  color: red;
  font-size: 120%;
}
</style>

<td id="javascriptarvo">taikuutta!</td>

Joo, tuo näyttää toimivan, kiitokset!
Onko mun mahdollista tallettaa jotain tiettyä fonttia, ettei tarvitse jokaiseen tällaiseen id atribuuttiin laittaa tuota css määrittelyä erikseen.
Esim. tyyliin fontti1{ plä plä;plä plä plä;pla pla} ja sitten #jacascriptarvo{=fontti1}

sanoit, etten voi keksiä omia tageja. No en tiedä mistä johtuu, mutta kun laitan
perus leipätekstiä noitten omien tagien väliin, niin tekstistä tulee juuri sellaista, kun olen sen css:ssä määritellyt. Tässä vielä tarkka kopio koodistani:

<style type ="text/css">
arto {color : black;font-size:130%;font-family : Franklin Gothic Demi Cond, serif}
jarno {color : #e8da01;font-size:130%;font-weight: bolder;font-family:Franklin Gothic Demi Cond, serif}


</style>


<arto>testi</arto>
<jarno>tämän taas pitäisi tulle jarmo fontilla</jarno>

Ja tämä koko shitti toimii Firefoxilla, muttei Exloperilla. Onko kenelläkään hajua mistä voisi olla kyse?

Paulus M kirjoitti:

Onko mun mahdollista tallettaa jotain tiettyä fonttia, ettei tarvitse jokaiseen tällaiseen id atribuuttiin laittaa tuota css määrittelyä erikseen.
Esim. tyyliin fontti1{ plä plä;plä plä plä;pla pla} ja sitten #jacascriptarvo{=fontti1}

Ei ole muuttujia CSS:ssäkään. Mutta voit käyttää montaa valitsinta samalla kertaa, kun erotat ne pilkuilla:

#javascriptarvo, #jokumuuarvo, #blah {
    ...
}

Paulus M kirjoitti:

sanoit, etten voi keksiä omia tageja.

Toimii tai ei, älä edes yritä. Jos haluat monta samannäköistä elementtiä, aseta niille class-attribuutti. Esimerkki:

<style type="text/css">
p.omaluokka {
    ...
}
</style>

<p class="omaluokka">foo</p>

<p>tavallinen tylsä p</p>

<p class="omaluokka">bar</p>
<p class="omaluokka">baz</p>

Paulus M kirjoitti:

Ja tämä koko shitti toimii Firefoxilla, muttei Exloperilla. Onko kenelläkään hajua mistä voisi olla kyse?

Firefoxin erikoisuuksia...
Kannattaa vilkaista standardeja tageja:
http://www.w3schools.com/tags/tag_html.asp

Tuhattannet kiitokset taas jälleen kerran funktio!
Pystyn taas jatkaa koodailua.

Standardit tagit tulee standarteiksi vasta kun niitä yleisesti käytetään, tästä asiasta ei kannata kinata, onhan meillä historia - sovittu, sovittu ja so vittu.
Firefox 2 ilmestyttyä kokeilin tuota ".tag" ei toiminut ja nyt siis jättämällä piste pois niin pelaa. Enää ei sitten tarvitse välittää css periytyvistä ja varsinkin periytymättömistä ongelmista.