Malline:Clear/ohje

Wikipediasta
Siirry navigaatioon Siirry hakuun

Malline lisää <div style="clear:both;"></div>, <div style="clear:left;"></div>,tai <div style="clear:right;"></div> riippuen parametrista.

{{Clear}} malline siirtää alapuolella olevan sisällön kohtaan, jossa sen yläpuolella oleva sisältö loppuu. {{Clear}} mallinetta voidaan käyttää esimerkiksi alla olevaan käyttötarkoitukseen.

{{Clear}}
{{Clear|left}}
{{Clear|right}}

Oikopolut:

{{Clr}}
{{Clr|left}}
{{Clr|right}}

Esimerkki ilman {{Clear}} mallinetta

[muokkaa wikitekstiä]
Kun aloitetaan uusi osio ilman clear-mallinetta, teksti alkaa osion aloituskohdasta ja laajenee vasemmalla (tai oikealla) olevan sisällön alle.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Esimerkki jossa {{Clear}} malline

[muokkaa wikitekstiä]
Kun ennen uutta osiota laitetaan clear-malline, osio alkaa vasta, kun vasemmalla tai oikealla oleva sisältö on loppunut.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

{{Clear}}

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. ur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.


Esimerkki jossa {{Clear|left}} malline ja sisältöä molemmin puolin tekstiä

[muokkaa wikitekstiä]
Kalle Ankka
Kalle Anka
Kalle Ankka uimassa.
Kalle Ankka uimassa.
Henkilötiedot
Syntynyt21. joulukuuta 2018
Gävle
Kuollut11. marraskuuta 2023 (4 vuotta)
Kansalaisuus Ruotsi
Ammatti villieläin
Vanhemmat Papa Anka
Mama Anka
Sukulaiset 3 serkkua
Muut tiedot
Lempinimet Kale
Aktiivisena 2019–2023
Koulutusperuskoulu
Merkittävät teoksetPäiväni ankkana
Tyyli vapaa
Järjestö ÅÅÅ
Edeltäjä Åke Anka
Seuraaja Jöns Anka
Aiheesta muualla
Kotisivu


Lorem ipsum dolor sit amet, consectetur adipisicing elit,[1] sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,[2] quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lähteet-osion halutaan alkavan vasta, kun vasemmalla oleva sisältö on loppunut, mutta ennen kuin oiken reunan sisältö loppuu. Clear left-mallineella lähteet-osio alkaa selkeästi sivun reunasta. Oikeanpuoleisen sisällön jatkuminen ei häiritse

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,[3] sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,[4] sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,[5] sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident,[6] sunt in culpa qui officia deserunt mollit anim id est laborum.

{{Clear|left}}

  1. Mitä tyarkoittaa: Lorem ipsum dolor sit amet Kirjastot.fi. 18.3.2013. Viitattu 22.2.2020.
  2. Mitä tyarkoittaa: Lorem ipsum dolor sit amet Kirjastot.fi. 18.3.2013. Viitattu 22.2.2020.
  3. Mitä tyarkoittaa: Lorem ipsum dolor sit amet Kirjastot.fi. 18.3.2013. Viitattu 22.2.2020.
  4. Mitä tyarkoittaa: Lorem ipsum dolor sit amet Kirjastot.fi. 18.3.2013. Viitattu 22.2.2020.
  5. Mitä tyarkoittaa: Lorem ipsum dolor sit amet Kirjastot.fi. 18.3.2013. Viitattu 22.2.2020.
  6. Mitä tyarkoittaa: Lorem ipsum dolor sit amet Kirjastot.fi. 18.3.2013. Viitattu 22.2.2020.


Parametri Selitys
1 (ensimmäinen kohta) oletus: Siirtää alapuolella olevan sisällön siihen kohtaan, jossa sekä oikealla että vasemmalla puolella oleva sisältö on loppunut yläpuolelta.
"right": Siirtää alapuolella olevan sisällön siihen kohtaan, jossa oikealla yläpuolella oleva sisältö loppuu.
"left": Siirtää alapuolella olevan sisällön siihen kohtaan, jossa vasemmalla yläpuolella oleva sisältö loppuu.
"oikea": Siirtää alapuolella olevan sisällön siihen kohtaan, jossa oikealla yläpuolella oleva sisältö loppuu.
"vasen": Siirtää alapuolella olevan sisällön siihen kohtaan, jossa vasemmalla yläpuolella oleva sisältö loppuu.
"o": Siirtää alapuolella olevan sisällön siihen kohtaan, jossa oikealla yläpuolella oleva sisältö loppuu.
"v": Siirtää alapuolella olevan sisällön siihen kohtaan, jossa vasemmalla yläpuolella oleva sisältö loppuu.