Elikkäs eikös tuo koodi kerro, että "linkit" id:n omaava teksti tulee Airal fontilla, väri on keltainen ja koko on 16 pikseliä
<style>
<!--
p#linkit {font-style: Airal
font-size: 16pt
color: Yellow}
-->
</style>koodi on seuraavalle riville: <p id=linkit>LINKIT:</p>
jos olen oikeassa niin miksi se ei toimi mulla ja jos en niin miten sitä ppitää korjata, että toimii?
Mod. lisäsi kooditagit!
Tällaisella testikoodilla näyttäisi toimivan oikein.
<!DOCTYPE html>
<html>
<head>
<title>Testi_kk_</title>
<style type="text/css">
p#linkit {
font-family: Arial;
font-size: 16pt;
color: Yellow;
}
</style>
</head>
<body>
<p id="linkit">LINKIT:</p>
</body>
</html>Noh, teuron antamasta pätkästä näetkin jo pääpiirteisesti ongelmakohdat. Airal => arial ynnä muuta pientä. Huomautan vielä, että pt ei tarkoita pikseliä vaan pistettä (points) ja pikseli on px, niillä on eronsa ja google kertoo siitä lisää tai voit itsekkin kokeilla eroja.
Viimeaikaiset kysymyksesi ovat olleet kovin yksinkertaisia ja toki täältä niihin apua saa, mutta ymmärrys tekemiseensä sekä tekemisen nopeus ja varsinkin laatu voisi huomattavasti kasvaa jos kävisit läpi muutamat html+css perusteiden oppaat. Perusjutut löytyy ihan suomeksi jos lontoo ei taitu ja kirjastosta löytyy aihetta käsitteleviä opuksia reippaasti.
t0ll0 kirjoitti:
Noh, teuron antamasta pätkästä näetkin jo pääpiirteisesti ongelmakohdat. Airal => arial ynnä muuta pientä. Huomautan vielä, että pt ei tarkoita pikseliä vaan pistettä (points) ja pikseli on px, niillä on eronsa ja google kertoo siitä lisää tai voit itsekkin kokeilla eroja.
Viimeaikaiset kysymyksesi ovat olleet kovin yksinkertaisia ja toki täältä niihin apua saa, mutta ymmärrys tekemiseensä sekä tekemisen nopeus ja varsinkin laatu voisi huomattavasti kasvaa jos kävisit läpi muutamat html+css perusteiden oppaat. Perusjutut löytyy ihan suomeksi jos lontoo ei taitu ja kirjastosta löytyy aihetta käsitteleviä opuksia reippaasti.
juu luettu on noita css hommia mutta kun niistä en oikein tajunnut niin kokeilin tollasella yksinkertasella jutulla niinku toi...ja heti huomasin et ekassa kun oli tuo <style type="text/css"> niin en sitä ollut laittanut ollenkaan joten voisi johtua myös siitä.
J jostain kumman syystä opin parhaiten tekemällä juuri tuollaisia yksinkertaisa juttuja ja jos ei toimi niin katson jonku tomivan mallin samasta ja sitten otan huomioon mikä meni vikaan.
tsk955 kirjoitti:
ja heti huomasin et ekassa kun oli tuo <style type="text/css"> niin en sitä ollut laittanut ollenkaan joten voisi johtua myös siitä.
HTML5-ssä ei tarvitse type="text/css"-attribuuttia <style>-tagille eli toimii ilmankin, mutta koodistasi sen sijaan puuttui esimerkiksi puolipisteet, ja muutakin, jotka luultavasti hoksasit jo, tai joista ainakin kerrottiin/huomautettiin sinulle jo.
Kukaan ei vielä sanonut, että kommenttitagit style-elementin sisällä ovat väärin.
The Alchemist kirjoitti:
Kukaan ei vielä sanonut, että kommenttitagit style-elementin sisällä ovat väärin.
No ei ole suoraan sanottu, mutta Teuro esitteli koodin, joka vastaa tsk955:n koodia ja jossa kaikki on periaatteessa oikein.
Vertaamalla Teuron koodia tsk955:n koodiin näkee, mikä on tsk955:lla väärin, koska kaikki ne virheet on korjattu Teuron esimerkissä.
Ei siitä pysty sanomaan, mikä on jätetty pois redundanssin takia ja mikä on suoranainen virhe. Itsekin yleensä siivoan muokkaamistani koodeista kaikki turhuudet pois, olivat ne sitten virheitä tai ihan vain väärää muotoilua.
Kaikki virheet olisivat kuitenkin olleet näkyvillä selaimen virhekonsolissa, joten ehkäpä kannattaa opetella vähän tekemään asioita itsekin tästä etiäpäin.
The Alchemist kirjoitti:
Kukaan ei vielä sanonut, että kommenttitagit style-elementin sisällä ovat väärin.
Tuollaiset kommenttitagit style-elementin sisällä ovat täysin sallitut.
No, onhan ne sallitut ja periaatteessa sisältökin toimii edelleen, mutta xhtml:ää käyttäessä kommentti todellakin tulkitaan kommenttina eikä cargo cult -koodina, joten varsinaista css:ää ei evaluotaisi ollenkaan.
Toisaalta on myös erittäin teoreettinen mahdollisuus rikkoa html-standardia, sillä html-kommentin sisällä ei saa esiintyä merkkijonoa "--", joka kuitenkin on validia css:ssä esimerkiksi id:n tai luokan nimessä.
Aihe on jo aika vanha, joten et voi enää vastata siihen.