Tule jäseneksi

Yksi palsta (otsikon koko Heading 2)

Jos tekstiä ajetaan yhteen ainoaan palstaan, on palstan leveys silloin rajattu 800 pixeliin kuten tässä. Koko sivun leveyteen juoksutettu yhden palstan teksti menee menee liian leveäksi ja on hankalaa luettavaa.

Kaikki otsikot ja tekstit ajetaan sivuille yhtenäisesti muotoon vasen tasa. Otsikoiden keskitys tuo mukanaan tiettyjä potentiaalisia yhdenmukaisuuteen liittyviä ongelmia.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam id pretium arcu. Phasellus ut mi eget ante posuere condimentum. Aenean vel justo ut lectus aliquam tempor eu eget urna. Morbi eget neque rutrum, efficitur ipsum in, vestibulum urna. Mauris nibh purus, faucibus eget lectus eu, finibus interdum leo. Ut vulputate condimentum erat in condimentum. Nam enim mi, tristique at nibh vitae, aliquam eleifend mi. Integer mollis enim et iaculis egestas. Duis vitae ornare magna, venenatis pharetra velit. Etiam placerat mollis dapibus. Nunc non libero lorem. Aenean euismod lobortis magna quis ullamcorper. Phasellus eget tincidunt massa. Sed iaculis interdum massa at iaculis.

Väliotsikko Heading 3 näyttää tältä

HUOM!
Rivivaihdolla kursori siirtyy KAKSI riviä alaspäin. On joku vanha jäänne Word-ohjelmasta. Jos haluatte yhden rivin alemmaksi /  seuraavalle riville, hoituu homma (ainakin macissa) komennolla shift+rivivaihto.

Kokemus on osoittanut, että Divissä väliotsikot ja leipätekstit kannattaa aina erotella ja laittaa omiin moduuleihinsa. Älkää käyttäkö niitä yhden ja saman tekstimoduulin sisällä. Jos leipätekstin sisällä pitää saada aikaan rytmitystä ja jäsentelyjä, tapahtuu se tekstiä boldaamalla:

Vestibulum eget dolor mi
In hac habitasse platea dictumst. Curabitur turpis sapien, dapibus sit amet facilisis vitae, dignissim eu nunc. Maecenas eu ante vulputate, condimentum tortor ut, pretium mauris. Vestibulum tincidunt placerat lacus, eget blandit erat viverra nec. Aenean sollicitudin rutrum aliquam.

Mauris ac finibus felis
Donec augue enim, condimentum sit amet ornare vel, sollicitudin sed tellus. Nullam nulla libero, rutrum vel lorem id, consequat mollis lorem. Aenean rutrum ut est sit amet sollicitudin. Proin sit amet finibus erat, sit amet suscipit eros. Nunc sagittis facilisis venenatis. Curabitur imperdiet leo eget feugiat maximus. Pellentesque consectetur leo sit amet quam finibus, at aliquet ligula posuere. Nam non posuere justo. Sed ac blandit diam.

Jos tekstiä ajetaan kahteen palstaan, on ns. rivi-alueen (vihreä laatkko) leveys silloin 1400 px, mikä on sisältöalueen oletusleveys.

Phasellus ut mi eget ante posuere condimentum. Aenean vel justo ut lectus aliquam tempor eu eget urna. Morbi eget neque rutrum, efficitur ipsum in, vestibulum urna. Mauris nibh purus, faucibus eget lectus eu, finibus interdum leo. Ut vulputate condimentum erat in condimentum. Nam enim mi, tristique at nibh vitae, aliquam eleifend mi. Integer mollis enim et iaculis egestas. Duis vitae ornare magna, venenatis pharetra velit. Etiam placerat mollis dapibus. Nunc non libero lorem. Aenean euismod lobortis magna quis ullamcorper. Phasellus eget tincidunt massa. Sed iaculis interdum massa at iaculis.

Integer at augue ac erat aliquet sodales sed quis turpis. Cras lectus dolor, eleifend at elit at, pulvinar finibus velit. Fusce sit amet urna nec erat fringilla auctor. Donec convallis lectus nec arcu condimentum placerat. Sed non risus elit. Duis convallis rutrum dignissim. Sed id quam quis orci sagittis auctor. Pellentesque sit amet pulvinar risus. Ut tincidunt ante nec urna tristique, non tristique neque dignissim. In varius pellentesque ullamcorper. Pellentesque in ipsum luctus, efficitur turpis eget, pulvinar metus. Fusce fringilla eros velit, non tincidunt diam pulvinar ut. Aliquam ac nibh ut quam aliquet fermentum vel vitae sapien. Nullam mollis rhoncus ultrices. Proin sed magna egestas, tristique sapien nec, venenatis ligula. Fusce fringilla eros velit, non tincidunt diam pulvinar ut. Aliquam ac nibh ut quam aliquet fermentum vel vitae sapien. 

Jos tekstiä ajetaan kolmeen tai useampaan palstaan, on vihreän rivin leveys myös silloin 1400 px.

Phasellus ut mi eget ante posuere condimentum. Aenean vel justo ut lectus aliquam tempor eu eget urna. Morbi eget neque rutrum, efficitur ipsum in, vestibulum urna. Mauris nibh purus, faucibus eget lectus eu, finibus interdum leo. Ut vulputate condimentum erat in condimentum. Nam enim mi, tristique at nibh vitae, aliquam eleifend mi. Integer mollis enim et iaculis egestas. Duis vitae ornare magna, venenatis pharetra velit. Etiam placerat mollis dapibus. Nunc non libero lorem. Aenean euismod lobortis magna quis ullamcorper. Phasellus eget tincidunt massa. Sed iaculis interdum massa at iaculis.

Integer at augue ac erat aliquet sodales sed quis turpis. Cras lectus dolor, eleifend at elit at, pulvinar finibus velit. Fusce sit amet urna nec erat fringilla auctor. Donec convallis lectus nec arcu condimentum placerat. Sed non risus elit. Duis convallis rutrum dignissim. Sed id quam quis orci sagittis auctor. Pellentesque sit amet pulvinar risus. Ut tincidunt ante nec urna tristique, non tristique neque dignissim. In varius pellentesque ullamcorper. Pellentesque in ipsum luctus, efficitur turpis eget, pulvinar metus. Fusce fringilla eros velit, non tincidunt diam pulvinar ut. Aliquam ac nibh ut quam aliquet fermentum vel vitae sapien. Nullam mollis rhoncus ultrices. Proin sed magna egestas, tristique sapien nec, venenatis ligula. Fusce fringilla eros velit, non tincidunt diam pulvinar ut. Aliquam ac nibh ut quam aliquet fermentum vel vitae sapien. 

Cras lectus dolor, eleifend at elit at, pulvinar finibus velit. Fusce sit amet urna nec erat fringilla auctor. Donec convallis lectus nec arcu condimentum placerat. Sed non risus elit. Duis convallis rutrum dignissim. Sed id quam quis orci sagittis auctor. Pellentesque sit amet pulvinar risus. Ut tincidunt ante nec urna tristique, non tristique neque dignissim. In varius pellentesque ullamcorper. Pellentesque in ipsum luctus, efficitur turpis eget, pulvinar metus. Fusce fringilla eros velit, non tincidunt diam pulvinar ut. Aliquam ac nibh ut quam aliquet fermentum vel vitae sapien. Nullam mollis rhoncus ultrices. Proin sed magna egestas, tristique sapien nec, venenatis ligula. Fusce fringilla eros velit, non tincidunt diam pulvinar ut. Aliquam ac nibh ut quam aliquet fermentum.

Otsikko h2 useamman palstan päällä

Otsikko h2 tekstimassan vieressä

Jos käytössä on useita palstoja, ei h2-otsikkomoduulia kannata sijoittaa ensimmäiseen palstaan. Palstan kapeus pätkii silloin otsikon sanat päällekkäin + otsikko desktopissa juoksettuu tekstimassan viereen eikä päälle.

Otsikolle pitäisi tällöin luoda oma täysilevyinen 1400px leveä rivinsä, jolloin se pysyy aina palstojen yläpuolella omalla rivillään.

Pienempikokoisia väliotsikoita (h3 - h6) voi heitellä palstoihin surutta.

Väliotsikko h3

Integer at augue ac erat aliquet sodales sed quis turpis. Cras lectus dolor, eleifend at elit at, pulvinar finibus velit. Fusce sit amet urna nec erat fringilla auctor. Donec convallis lectus nec arcu condimentum placerat. Sed non risus elit. Duis convallis rutrum dignissim. Sed id quam quis orci sagittis auctor. Pellentesque sit amet pulvinar risus. Ut tincidunt ante nec urna tristique, non tristique neque dignissim. In varius pellentesque ullamcorper. Pellentesque in ipsum luctus, efficitur turpis eget, pulvinar metus. Fusce fringilla eros velit, non tincidunt diam pulvinar ut. Aliquam ac nibh ut quam aliquet fermentum vel vitae sapien. Nullam mollis rhoncus ultrices. Proin sed magna egestas, tristique sapien nec, venenatis ligula. Fusce fringilla eros velit, non tincidunt diam pulvinar ut. Aliquam ac nibh ut quam aliquet fermentum vel vitae sapien. 

Väliotsikko h4

Cras lectus dolor, eleifend at elit at, pulvinar finibus velit. Fusce sit amet urna nec erat fringilla auctor. Donec convallis lectus nec arcu condimentum placerat. Sed non risus elit. Duis convallis rutrum dignissim. Sed id quam quis orci sagittis auctor. Pellentesque sit amet pulvinar risus. Ut tincidunt ante nec urna tristique, non tristique neque dignissim. In varius pellentesque ullamcorper. Pellentesque in ipsum luctus, efficitur turpis eget, pulvinar metus. Fusce fringilla eros velit, non tincidunt diam pulvinar ut. Aliquam ac nibh ut quam aliquet fermentum vel vitae sapien. Nullam mollis rhoncus ultrices. Proin sed magna egestas, tristique sapien nec, venenatis ligula. Fusce fringilla eros velit, non tincidunt diam pulvinar ut. Aliquam ac nibh ut quam aliquet fermentum.

Väliotsikko h5

Eleifend at elit at, pulvinar finibus velit. Fusce sit amet urna nec erat fringilla auctor. Donec convallis lectus nec arcu condimentum placerat. Sed non risus elit. Duis convallis rutrum dignissim. Sed id quam quis orci sagittis auctor. Pellentesque sit amet pulvinar risus. Ut tincidunt ante nec urna tristique, non tristique neque dignissim. In varius pellentesque ullamcorper. Pellentesque in ipsum luctus, efficitur turpis eget, pulvinar metus. Fusce fringilla eros velit, non tincidunt diam pulvinar ut. Aliquam ac nibh ut quam aliquet fermentum vel vitae sapien. Nullam mollis rhoncus ultrices. Proin sed magna egestas, tristique sapien nec, venenatis ligula. Fusce fringilla eros velit, non tincidunt diam pulvinar ut.