Malline:Clear


Template-info.png
Mallineen ohje [näytä] [muokkaa] [päivitä]


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.

Käyttö

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

Oikopolut:

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

Esimerkki ilman {{Clear}} mallinetta

Kun aloitetaan uusi osio ilman clear-mallinetta, teksti alkaa osion aloituskohdasta ja laajenee vasemmalla 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.

Uusi osio

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

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}}

Uusi osio

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ä

Oikealla korkea sisältö, esimerkiksi tietolaatikko.

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.

{{Clear|left}}

Lähteet

  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.



Parametrit

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.