Jos taulukossa joku sarake pitäisi olla keskittää, niin pitääkö joka ikiseen soluun laittaa CSS tyylimääritykset?
Taulukot + CSS
kertokaa...
5673
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 5
Vanhimmat
Ei tarvitse välttämättä.
CSS:n selektorit ovat sitä varten, tosin joidenkin selaintuki taitaa olla vähän niin ja näin.
Tässä tapauksessa esim.
td td {
text-align: center; }
}
keskittäisi jokaisen rivin toisen solun.
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.
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
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?
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; }