Miten saan taulukkon keskitettyä xhtml koodin mukaisesti css tyyli tiedostoa käyttäen? Olen kokeillut näin tai css tiedostoon näin table {align: center}, mutta ei toiminut. Onko jotain muita keinoja?
Miten talukko voidaan keskittää xhtml:ssä?
93370
5285
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 5
Vanhimmat
KAKSI MUUTA VAIHTOEHTOA
bla bla
bla bla
käytän siis xhtml strictiä, joka ei salli tuota center komentoa, koska se on poistettu käytöstä, niin tarkoitin että miten tuo tehdään, kun se ei noin voi onnistua...
.center {
text-align : center;
}
Untitled
solun sisältö
se tosiaan toimii =) kiitti kovasti ...
Ohje on oikeastaan väärin ja perustuu ilmeisesti Internet Explorerin virheeseen.
"text-align: center" -ominaisuuden pitäisi keskittää vain teksti ja kuvat (inline-elementit) eli tässä tapauksessa tuo taulukon solun sisältö, mutta ei itse taulukkoa. IExplorer toimii tässä siis väärin. Oikein on "table { margin: auto; }"
Muistaakseni IExplorerin vanhemmat versiot eivät tunnista tuota "margin: auto" - määrettä, joten jos haluaa, että taulukko keskittyy niissäkin, voi käyttää tuota esittämääsi keinoa. Kehottaisin kuitenkin lisäämään oikeankin merkinnän, jotta keskitys toimisi myös esim. Mozillassa ja Operassa.
Vielä sellainen huomio, että koska tuo "text-align: center" keskittää tekstit kunkin taulukon solun sisällä, sen voi estää, jos määrittelee esim. "table { margin: auto; text-align: left; }"