Päätin alkaa noudattaa hyviä tapoja ja tehdä taulukkosijoituksen sijasta sivut div-tageilla. Törmäsin heti seinään; en saa tehtyä sellaista sivua, jossa vasemmalla on allekkain linkit (kuvia) ja niiden oikealla puolella sivun "sisältö"
Niin, ja miten kuva sijoitetaan keskelle sivua CSS:llä, mielellään edellä ilmoitettujen elementtien yläpuolelle?
.otsikkokuva {
margin-left: auto;
margin-right: auto;
}
Kun taulukko aiotaan korvata div-rakenteella, ei olla ihan kaikkea vielä opittu. Tarkoitus ei ole tehdäsivuista helvetillistä div-soppaa, vaan merkkauksesta järkevää.
Kun ensiksi tekee merkkauksesta niin vähäistä ja merkityksellistä kuin mahdollista, eli tekstikappaleet ovat p-tagien sisällä ja otsikot on h#-tagien sisällä jne, aletaan kasamaan sivun tyylejä kasaan. Jossain vaiheessa luultavasti huomataan ettei nykyisellä merkkauksella aivan haluttu ulkoasu ole mahdollinen, koitetaan sivustoa lohkoittaa div-tageilla niin, että ulkoasun muokkaaminen olisi helpompaa.
Aina ei tosin tarvita yhtään "ylimääräisiä" tageja, vaan selvitään ihan "puhtaalla" merkkauksella.