Taulukot + CSS

No juu ylimääräinen aaltosulku tuli tuonne väliin.

Googlaa css selectors, niin löydät varmaan jonkun taulukon selainyhteensopivuuksista. Oiskohan peräti Korpelan kirjassakin ollut sellainen.

Jaska Perusjaska kirjoitti:

No juu ylimääräinen aaltosulku tuli tuonne väliin.

Googlaa css selectors, niin löydät varmaan jonkun taulukon selainyhteensopivuuksista. Oiskohan peräti Korpelan kirjassakin ollut sellainen.

Lue lisää

Tarkoitin jotain tällaista, mutta tämä ei toimi Firefoxissa (tai oikeastaan en tiedä toimiiko missään)








NimiPisteitäArvosana
Mäki Matti 55 5
Mikko Niemi 42 4
Anne Aalto 35 3

jotain... kirjoitti:

Tarkoitin jotain tällaista, mutta tämä ei toimi Firefoxissa (tai oikeastaan en tiedä toimiiko missään)








NimiPisteitäArvosana
Mäki Matti 55 5
Mikko Niemi 42 4
Anne Aalto 35 3

Lue lisää

Tietääkö joku miksi edellä mainittu esimerkki ei toimi Firefoxissa eikä Safarissa? Ja miten sen saa korjattua?

Siis tuon align: center tai text-align: center miten saa toteutettua koko sarakkeelle?

jotain... kirjoitti:

Tarkoitin jotain tällaista, mutta tämä ei toimi Firefoxissa (tai oikeastaan en tiedä toimiiko missään)








NimiPisteitäArvosana
Mäki Matti 55 5
Mikko Niemi 42 4
Anne Aalto 35 3

Lue lisää

Asia on todellakin selainkohtainen, ja se, että (joka muuten ei ole lainkaan CSS:ää!) ”toimii” IE:ssä, on tulkittava lähinnä virheeksi.

Toisaalta jos käytät tuota tapaa ja _lisäksi_ sellaisia CSS-sääntöjä kuin
td td { text-align: center; }
niin katat oikeastaan kaikki mainitsemisen arvoiset selaimet nykyisin. (Toki on selaimia, joissa kumpikaan tapa ei toimi, mutta niiden käyttäjät ovat varmaankin tottuneet tämäntapaisiin asioihin.)

Esimerkki taitaa muuten olla sikäli vähän huono, että a) leveyksiä ei pitäisi asettaa pikseleinä (eikä usein ollenkaan) ja b) toinen sarake sisältää lukuja ja olisi siten parempi tasata oikealle eikä keskittää.

Ja jos haluttaisiin tasata 1. sarake vasemmalle ja muut oikealle, voisi käyttää seuraavaa CSS-koodia:
td { text-align: right; }
td:first-child { text-align: left; }