ಟೆಂಪ್ಲೇಟು:Img float

ವಿಕಿಸೋರ್ಸ್ knwikisource https://kn.wikisource.org/wiki/%E0%B2%AE%E0%B3%81%E0%B2%96%E0%B3%8D%E0%B2%AF_%E0%B2%AA%E0%B3%81%E0%B2%9F MediaWiki 1.47.0-wmf.5 first-letter ಮೀಡಿಯ ವಿಶೇಷ ಚರ್ಚೆಪುಟ ಸದಸ್ಯ ಸದಸ್ಯರ ಚರ್ಚೆಪುಟ ವಿಕಿಸೋರ್ಸ್ ವಿಕಿಸೋರ್ಸ್ ಚರ್ಚೆ ಚಿತ್ರ ಚಿತ್ರ ಚರ್ಚೆಪುಟ ಮೀಡಿಯವಿಕಿ ಮೀಡಿಯವಿಕಿ ಚರ್ಚೆಪುಟ ಟೆಂಪ್ಲೇಟು ಟೆಂಪ್ಲೇಟು ಚರ್ಚೆಪುಟ ಸಹಾಯ ಸಹಾಯ ಚರ್ಚೆಪುಟ ವರ್ಗ ವರ್ಗ ಚರ್ಚೆಪುಟ ಸಂಪುಟ ಸಂಪುಟ ಚರ್ಚೆ ಕರ್ತೃ ಕರ್ತೃ ಚರ್ಚೆ ಪುಟ ಪುಟ ಚರ್ಚೆ ಪರಿವಿಡಿ ಪರಿವಿಡಿ ಚರ್ಚೆ ಅನುವಾದ ಅನುವಾದ ಚರ್ಚೆ TimedText TimedText talk ಮಾಡ್ಯೂಲ್ ಮಾಡ್ಯೂಲ್ ಚರ್ಚೆಪುಟ Event Event talk ಟೆಂಪ್ಲೇಟು:Img float 10 11827 324594 34126 2025-06-13T20:30:34Z en>Cremastra 0 Undo revision [[Special:Diff/15132303|15132303]] by [[Special:Contributions/Cremastra|Cremastra]] ([[User talk:Cremastra|talk]]) 324594 wikitext text/x-wiki <includeonly><templatestyles src="Img float/styles.css" />|center =img-center|left =img-floatleft|right =img-floatright}}" style="text-align:{{#switch:{{{capalign|center}}}|center=center;|left =left;|justify =justify;|right =right; }}background-color:transparent;color:inherit;width:{{{width|150px}}}{{#if:{{{polygon|}}}|; -webkit-shape-outside: polygon({{{polygon}}}); -moz-shape-outside: polygon({{{polygon}}}); shape-outside: polygon({{{polygon}}}); -webkit-clip-path: polygon({{{polygon}}}); -moz-clip-path: polygon({{{polygon}}}); clip-path: polygon({{{polygon}}});}}; {{{style|}}}">{{#if:{{{above|}}}|{{{above}}} }}{{#switch:{{{file|missing}}}|missing={{image missing}}|{{{file|}}}={{#if:{{{file|}}}|[[File:{{{file}}}|{{{width|150px}}}|class={{{class|}}}|alt={{{alt|}}}]]|}}}}{{#if:{{{cap|}}}| {{{cap}}}}}{{#ifeq:{{{align|none}}}|center|[[Category:Images using center float]]|}}</includeonly><noinclude> {{documentation}} </noinclude> 0o98lsp8f41f8f1uzhbmjdn2ymvvbqi 324595 324594 2026-06-09T09:15:59Z A826 6806 ೧ revisions imported from [[:en:Template:Img_float]] 324594 wikitext text/x-wiki <includeonly><templatestyles src="Img float/styles.css" />|center =img-center|left =img-floatleft|right =img-floatright}}" style="text-align:{{#switch:{{{capalign|center}}}|center=center;|left =left;|justify =justify;|right =right; }}background-color:transparent;color:inherit;width:{{{width|150px}}}{{#if:{{{polygon|}}}|; -webkit-shape-outside: polygon({{{polygon}}}); -moz-shape-outside: polygon({{{polygon}}}); shape-outside: polygon({{{polygon}}}); -webkit-clip-path: polygon({{{polygon}}}); -moz-clip-path: polygon({{{polygon}}}); clip-path: polygon({{{polygon}}});}}; {{{style|}}}">{{#if:{{{above|}}}|{{{above}}} }}{{#switch:{{{file|missing}}}|missing={{image missing}}|{{{file|}}}={{#if:{{{file|}}}|[[File:{{{file}}}|{{{width|150px}}}|class={{{class|}}}|alt={{{alt|}}}]]|}}}}{{#if:{{{cap|}}}| {{{cap}}}}}{{#ifeq:{{{align|none}}}|center|[[Category:Images using center float]]|}}</includeonly><noinclude> {{documentation}} </noinclude> 0o98lsp8f41f8f1uzhbmjdn2ymvvbqi ಟೆಂಪ್ಲೇಟು:Sub 10 75825 324606 165301 2025-01-31T02:19:16Z en>CalendulaAsteraceae 0 324606 wikitext text/x-wiki <templatestyles src="Template:Sub/styles.css" />{{{1}}}<noinclude>{{documentation}}</noinclude> f3ma59z0muabimabhr5yprn96kbxf50 324607 324606 2026-06-09T09:16:52Z A826 6806 ೧ revisions imported from [[:en:Template:Sub]] 324606 wikitext text/x-wiki <templatestyles src="Template:Sub/styles.css" />{{{1}}}<noinclude>{{documentation}}</noinclude> f3ma59z0muabimabhr5yprn96kbxf50 ಟೆಂಪ್ಲೇಟು:Font size block/s 10 96574 324600 257098 2025-11-05T05:18:45Z en>CalendulaAsteraceae 0 Protected "[[Template:Font size block/s]]": High traffic page or template/module ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite)) 324600 wikitext text/x-wiki <includeonly><templatestyles src="Template:Font size block/styles.css"/><div class="wst-size-block wst-{{{font-size-name|normal}}} wst-{{{font-size-name|normal}}}-block {{{class|}}}" {{optional style|height={{{height|}}}|font-size={{{font-size|}}}|style={{{style|}}}}}></includeonly><noinclude> {{documentation|Template:Font size block/doc}} </noinclude> bar7x74hsqykk8z7vmqmfrnigrxcl07 324601 324600 2026-06-09T09:16:02Z A826 6806 ೧ revisions imported from [[:en:Template:Font_size_block/s]] 324600 wikitext text/x-wiki <includeonly><templatestyles src="Template:Font size block/styles.css"/><div class="wst-size-block wst-{{{font-size-name|normal}}} wst-{{{font-size-name|normal}}}-block {{{class|}}}" {{optional style|height={{{height|}}}|font-size={{{font-size|}}}|style={{{style|}}}}}></includeonly><noinclude> {{documentation|Template:Font size block/doc}} </noinclude> bar7x74hsqykk8z7vmqmfrnigrxcl07 ಟೆಂಪ್ಲೇಟು:Font size block/styles.css 10 96575 324602 257100 2025-10-05T07:42:14Z en>CalendulaAsteraceae 0 Protected "[[Template:Font size block/styles.css]]": High traffic page or template/module ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite)) 324602 sanitized-css text/css .wst-size-block { line-height:1.4; } /* * NOTE: Works around the mobile skin setting font size for p tags. * * Inside a size block, all p elements should inherit font size, in this case * from the containing div from one of our size templates. And since * TemplateStyles 1) are scoped with an extra .mw-parser-output class and * 2) loaded after (later) than the skin, we get the same specificity (0-2-1) * and win on a tie. */ .wst-size-block p { font-size: inherit; } .wst-xx-smaller { font-size:58%; } .wst-x-smaller { font-size:69%; } .wst-smaller { font-size:83%; } .wst-fine { line-height:1.4; font-size:92%; } .wst-m-larger { font-size:110%; } .wst-larger { font-size:120%; } .wst-x-larger { font-size:144%; } .wst-xx-larger { font-size:182%; } .wst-xxx-larger { font-size:207%; } .wst-xxxx-larger { font-size:249%; } isjxe4etmnjn90onjdeab5q8k56eoby 324603 324602 2026-06-09T09:16:02Z A826 6806 ೧ revisions imported from [[:en:Template:Font_size_block/styles.css]] 324602 sanitized-css text/css .wst-size-block { line-height:1.4; } /* * NOTE: Works around the mobile skin setting font size for p tags. * * Inside a size block, all p elements should inherit font size, in this case * from the containing div from one of our size templates. And since * TemplateStyles 1) are scoped with an extra .mw-parser-output class and * 2) loaded after (later) than the skin, we get the same specificity (0-2-1) * and win on a tie. */ .wst-size-block p { font-size: inherit; } .wst-xx-smaller { font-size:58%; } .wst-x-smaller { font-size:69%; } .wst-smaller { font-size:83%; } .wst-fine { line-height:1.4; font-size:92%; } .wst-m-larger { font-size:110%; } .wst-larger { font-size:120%; } .wst-x-larger { font-size:144%; } .wst-xx-larger { font-size:182%; } .wst-xxx-larger { font-size:207%; } .wst-xxxx-larger { font-size:249%; } isjxe4etmnjn90onjdeab5q8k56eoby ಪರಿವಿಡಿ:ಬಹದ್ದೂರ ಗಂಡ.pdf 106 120806 324587 2026-06-08T15:12:02Z Viveka BG 8559 ಹೊಸ ಪುಟ: 324587 proofread-index text/x-wiki {{:MediaWiki:Proofreadpage_index_template |Type=book |Title=ಬಹದ್ದೂರ ಗಂಡ.pdf |Language=kn |Volume= |Author=ಪರ್ವತವಾಣಿ |Translator= |Editor= |Illustrator= |School= |Publisher=CHAYA PUBLISHER , Chamrajpet Bangalore |Address=Chamrajpet Bangalore |Year=18-09-1947 |Key= |ISBN= |OCLC= |LCCN= |BNF_ARK= |ARC=Internet archiver |DOI= |Source= |Image=1 |Progress=X |Transclusion=no |Validation_date= |Pages=<pagelist /> |Volumes= |Remarks= |Width= |Header= |Footer= |tmplver= }} mg8qw0m17oiqyps1xzh58msyfponnqv ಪುಟ:ಬಹದ್ದೂರ ಗಂಡ.pdf/೧ 104 120807 324588 2026-06-08T15:16:07Z Viveka BG 8559 /* Proofread */ 324588 proofread-page text/x-wiki <noinclude><pagequality level="3" user="Viveka BG" /></noinclude>LIBRARY UNIVERSAL OU_202308 UNIVERSAL LIBRARY<noinclude></noinclude> ibby282hhre5ocrmg7962cwbdvumlpi ಪುಟ:ಬಹದ್ದೂರ ಗಂಡ.pdf/೨ 104 120808 324589 2026-06-08T15:17:08Z Viveka BG 8559 /* Proofread */ 324589 proofread-page text/x-wiki <noinclude><pagequality level="3" user="Viveka BG" /></noinclude><noinclude></noinclude> gz7io2ewp1goonuh8v936ee86wrxjiy ಪುಟ:ಬಹದ್ದೂರ ಗಂಡ.pdf/೩ 104 120809 324590 2026-06-08T15:17:55Z Viveka BG 8559 /* Proofread */ 324590 proofread-page text/x-wiki <noinclude><pagequality level="3" user="Viveka BG" /></noinclude>OSMANIA UNIVERSITY LIBRARY Call No. 8 -/P2, Accession No. 28. Author lite This book should be reuuned on before the date Jst marked below.<noinclude></noinclude> qmfnhetefrrge5r7nrwngzlnp3i6k67 ಪುಟ:ಬಹದ್ದೂರ ಗಂಡ.pdf/೪ 104 120810 324591 2026-06-08T15:18:25Z Viveka BG 8559 /* Proofread */ 324591 proofread-page text/x-wiki <noinclude><pagequality level="3" user="Viveka BG" /></noinclude><noinclude></noinclude> gz7io2ewp1goonuh8v936ee86wrxjiy ಪುಟ:ಬಹದ್ದೂರ ಗಂಡ.pdf/೫ 104 120811 324592 2026-06-08T15:21:50Z Viveka BG 8559 /* Proofread */ 324592 proofread-page text/x-wiki <noinclude><pagequality level="3" user="Viveka BG" /></noinclude>ಬಹದ್ದೂರ್‌ ಗಂಡ ಪರ್ವತವಾಣಿ ಛಾಯಾ ಪ್ರಕಟನಾಲಯ ಬೆಂಗಳೂರು ೧೯೪೭<noinclude></noinclude> eqjfyy6r0418ug0hmc0fbxb0rktgd67 ಪುಟ:ಬಹದ್ದೂರ ಗಂಡ.pdf/೬ 104 120812 324593 2026-06-08T15:32:22Z Viveka BG 8559 /* Proofread */ 324593 proofread-page text/x-wiki <noinclude><pagequality level="3" user="Viveka BG" /></noinclude>ಮುದ್ರಣಕಾರರು ಬಿ. ಎಸ್‌.ವೆಂಕಟರಾಂ ದೇಶ ಬಂಧು ಪ್ರೆಸ್,ಕೋಟೆ, ಬೆಂಗಳೂರು ಸಿಟಿ ಪ್ರಥಮ ಮುದ್ರಣ ೧೮-೯-೧೯೪೭ ಬೆಲೆ: ಒಂದೂಮುಕ್ಕಾಲು ರೂಪಾಯಿ ಮಾರಾಟದ ಪೊರ್ಣ ಹಕ್ಕುದಾರರು ದಿ ಸ್ವಾಂಡರ್ಡ್‌ ಬುಕ್‌ ಡಿಪೋ ಆವೆನ್ನೂ ರೋಡ್-- ಬೆಂಗಳೂರು ಸಿಟಿ.<noinclude></noinclude> nec1nkks9w6wm5o6bzfcict6n8c757k ಟೆಂಪ್ಲೇಟು:Img float/styles.css 10 120813 324596 2022-04-15T19:04:17Z en>ShakespeareFan00 0 324596 sanitized-css text/css @media all and (max-width: 360px) { .img-center, .img-floatleft, .img-floatright { float: none !important; clear: none !important; margin: 0 auto !important; padding:0 !important; } } .img-center { /* fake a centre with a floating span that takes all the width */ float: left; clear: both; width: 100% !important; margin: 1em auto; padding: 0; } .img-center img, .img-floatleft img, .img-floatright img { /* do not allow image to over-spill container (e.g. small screens) */ max-width: 100%; /* keep aspect ratio even when shrunk */ height: auto; } .img-floatleft { float: left; clear: left; margin: 0 1em 0 0; padding:0 0.5em; max-width: 100%; } .img-floatright { float: right; clear: right; margin: 0 0 0 1em; padding:0 0.5em; max-width: 100%; } .img-floatmissing { display: block; border: 1px solid grey; font-size: 83%; font-style: italic; } iylfh51sh7aoiku6odf71wc47zigh3g 324597 324596 2026-06-09T09:15:59Z A826 6806 ೧ revisions imported from [[:en:Template:Img_float/styles.css]] 324596 sanitized-css text/css @media all and (max-width: 360px) { .img-center, .img-floatleft, .img-floatright { float: none !important; clear: none !important; margin: 0 auto !important; padding:0 !important; } } .img-center { /* fake a centre with a floating span that takes all the width */ float: left; clear: both; width: 100% !important; margin: 1em auto; padding: 0; } .img-center img, .img-floatleft img, .img-floatright img { /* do not allow image to over-spill container (e.g. small screens) */ max-width: 100%; /* keep aspect ratio even when shrunk */ height: auto; } .img-floatleft { float: left; clear: left; margin: 0 1em 0 0; padding:0 0.5em; max-width: 100%; } .img-floatright { float: right; clear: right; margin: 0 0 0 1em; padding:0 0.5em; max-width: 100%; } .img-floatmissing { display: block; border: 1px solid grey; font-size: 83%; font-style: italic; } iylfh51sh7aoiku6odf71wc47zigh3g ಟೆಂಪ್ಲೇಟು:Img float/doc 10 120814 324598 2025-02-25T05:23:14Z en>CalendulaAsteraceae 0 324598 wikitext text/x-wiki {{documentation subpage}} {{TemplateStyles|Template:Img float/styles.css}} {{span-based-template}} ==Usage== Creates floating image and caption. <pre>{{Img float | style = | above = | file = | class = | width = | align = | polygon = | cap = | capalign = | alt = }}</pre> ===Parameters=== * {{parameter|style}}: add css style attributes. If you change font size by percent you should also change line-height. For example if you want font-size to be 80%: <nowiki>| style = font-size: 80%; line-height: 80%;</nowiki> * {{parameter|above}}: add text above picture * {{parameter|file}}: The file name (without the "File:" prefix) (mandatory parameter) * {{parameter|class}}: The file's CSS class (optional) * {{parameter|width}}: The width of the image (optional, ''default 150px'') * {{parameter|align}}: The alignment of the image on the page ("left", "right" or "center/centre"; ''default "right"'') * {{parameter|polygon}}: Polygon shape outline to allow text to wrap closer to the image if the image is not a rectangle (optional, ''co-ordinates as comma separated pairs'') * {{parameter|cap}}: The image caption (optional). Do not use any <nowiki><div></nowiki> or div-based templates such as {{tl|smaller block}} if the template is located in the middle of a paragraph as Mediwiki will add a paragraph break. * {{parameter|capalign}}: The image caption text alignment ("left", "right" or "center"; ''default "center"'') * {{parameter|alt}}: Image alt-text, ie. for mouse-over text box or for use with a screenreader for the visually impaired (required for accessibility) {{dhr}} Because this is a span-based template (to allow it to "float" within paragraphs without breaking the paragraph), it is disallowed to use block formatting (for example {{tl|center}} or {{tl|smaller block}}) in the captions. ===Example=== ====Image on right==== {{doc example|{{demo|<nowiki>{{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = right | cap = Fig. 2. }} {{lorem ipsum}}</nowiki>}}}} {{clear}} ====Image on left==== {{doc example|{{demo|<nowiki>{{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = left | cap = Fig. 2. }} {{lorem ipsum}}</nowiki>}}}} {{clear}} ====Left aligned image caption==== {{doc example|{{demo|<nowiki>{{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = right | cap = Fig. 2. On the left. | capalign = left }} {{lorem ipsum}}</nowiki>}}}} {{clear}} ====Image on right with above text==== {{doc example|{{demo|<nowiki>{{Img float | style = | above = Fig. 2 | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = right | cap = This is image of kinematics of machinery fig 1. }} {{lorem ipsum}}</nowiki>}}}} {{clear}} ====Image in centre==== {{doc example| <syntaxhighlight lang="wikitext">{{lorem ipsum}} {{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = center | cap = Fig. 2. }} {{lorem ipsum}}</syntaxhighlight> {{lorem ipsum}} {{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = center | cap = Fig. 2. }} {{lorem ipsum}} }} {{clear}} =====Image in centre without template===== Alternatively, don't use a template for this; just insert the image followed by the caption, as shown below. Unlike the previous method, this will cause a paragraph break. {{doc example|{{demo|<nowiki>{{lorem ipsum}} [[File:The Kinematics of Machinery Fig 1.png|center|250px]] {{c|Fig.2}} {{lorem ipsum}}</nowiki>}}}} {{clear}} ====Polygon shape outlines==== If the image is not a rectangle, and you want text to wrap closer to the image, use the {{parameter|polygon}} parameter. This parameter uses CSS polygon syntax: comma separated pairs of co-ordinates, either given as a percentage (e.g. <code>20%, 50%</code>). Note: Pixel values (e.g. <code>10px, 25px</code>) may appear to work, but they ''will'' result in the text being wrapped incorrectly on the mobile interface if the image is scaled to fit the screen (which will happen on most phone screens if the image is wider than about 350px). Therefore, prefer the relative percentage sizes where possible. Note: this sets the CSS <code>shape-outside</code> style, which overrides the margin-box for text-wrapping. This means if you set margins in the {{parameter|style|}} parameter, they will be ignored if you also set {{parameter|polygon}}. {{doc example|{{demo|<nowiki>{{img float |file = Select Popular Tales from the German of Musaeus (drop cap, page 1).jpg |align = left |width = 300px |polygon = 0 0, 100% 0, 100% 34%, 60% 34%, 60% 58%, 36% 58%, 36% 100%, 0 100% }} {{lorem ipsum|2|paragraphs=false}}</nowiki>}}}} {{clear}} {{doc example|{{demo|<nowiki>{{lorem ipsum}} {{img float |file = Page 36 initial in fairy tales of Andersen (Stratton).png |align = left |width = 300px |polygon = 0 0, 76% 0, 76% 10%, 92% 30%, 92% 50%, 98% 50%, 98% 89%, 68% 89%, 68% 100%, 0 100% }} {{lorem ipsum|4|paragraphs=false}}</nowiki>}}}} {{clear}} ====Caution: divs break paragraphs and cause linter errors ==== This template is a span-based template, which means it can "float" within a paragraph without breaking the surrounding text into two paragraphs. However this means that you cannot use any div-based formatting within the {{parameter|cap}} field. {{doc example|{{demo|<nowiki>{{lorem ipsum}} {{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | cap = {{smaller block|This is a div-based template and will break the paragraph where the template is inserted.}} }} '''Break!''' {{lorem ipsum}}</nowiki>}}}} {{clear}}  <includeonly> [[Category:Image templates|Img float]] </includeonly> == See also == * {{tl|Flow under}}: allows text to flow under parts of an image, similarly to using {{para|polygon}} * {{tl|Overfloat image}}: performs reverse operation to this template, ''i.e.'' text is floated ''above'' an image element <templatedata> { "params": { "align": {}, "capalign": {}, "width": {}, "polygon": {}, "style": {}, "above": {}, "file": {}, "class": {}, "alt": {}, "cap": {}, "float": {} }, "format": "block" } </templatedata> datks7dfqbtu1jm3ngakxlxfb7wq0xe 324599 324598 2026-06-09T09:16:00Z A826 6806 ೧ revisions imported from [[:en:Template:Img_float/doc]] 324598 wikitext text/x-wiki {{documentation subpage}} {{TemplateStyles|Template:Img float/styles.css}} {{span-based-template}} ==Usage== Creates floating image and caption. <pre>{{Img float | style = | above = | file = | class = | width = | align = | polygon = | cap = | capalign = | alt = }}</pre> ===Parameters=== * {{parameter|style}}: add css style attributes. If you change font size by percent you should also change line-height. For example if you want font-size to be 80%: <nowiki>| style = font-size: 80%; line-height: 80%;</nowiki> * {{parameter|above}}: add text above picture * {{parameter|file}}: The file name (without the "File:" prefix) (mandatory parameter) * {{parameter|class}}: The file's CSS class (optional) * {{parameter|width}}: The width of the image (optional, ''default 150px'') * {{parameter|align}}: The alignment of the image on the page ("left", "right" or "center/centre"; ''default "right"'') * {{parameter|polygon}}: Polygon shape outline to allow text to wrap closer to the image if the image is not a rectangle (optional, ''co-ordinates as comma separated pairs'') * {{parameter|cap}}: The image caption (optional). Do not use any <nowiki><div></nowiki> or div-based templates such as {{tl|smaller block}} if the template is located in the middle of a paragraph as Mediwiki will add a paragraph break. * {{parameter|capalign}}: The image caption text alignment ("left", "right" or "center"; ''default "center"'') * {{parameter|alt}}: Image alt-text, ie. for mouse-over text box or for use with a screenreader for the visually impaired (required for accessibility) {{dhr}} Because this is a span-based template (to allow it to "float" within paragraphs without breaking the paragraph), it is disallowed to use block formatting (for example {{tl|center}} or {{tl|smaller block}}) in the captions. ===Example=== ====Image on right==== {{doc example|{{demo|<nowiki>{{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = right | cap = Fig. 2. }} {{lorem ipsum}}</nowiki>}}}} {{clear}} ====Image on left==== {{doc example|{{demo|<nowiki>{{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = left | cap = Fig. 2. }} {{lorem ipsum}}</nowiki>}}}} {{clear}} ====Left aligned image caption==== {{doc example|{{demo|<nowiki>{{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = right | cap = Fig. 2. On the left. | capalign = left }} {{lorem ipsum}}</nowiki>}}}} {{clear}} ====Image on right with above text==== {{doc example|{{demo|<nowiki>{{Img float | style = | above = Fig. 2 | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = right | cap = This is image of kinematics of machinery fig 1. }} {{lorem ipsum}}</nowiki>}}}} {{clear}} ====Image in centre==== {{doc example| <syntaxhighlight lang="wikitext">{{lorem ipsum}} {{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = center | cap = Fig. 2. }} {{lorem ipsum}}</syntaxhighlight> {{lorem ipsum}} {{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | align = center | cap = Fig. 2. }} {{lorem ipsum}} }} {{clear}} =====Image in centre without template===== Alternatively, don't use a template for this; just insert the image followed by the caption, as shown below. Unlike the previous method, this will cause a paragraph break. {{doc example|{{demo|<nowiki>{{lorem ipsum}} [[File:The Kinematics of Machinery Fig 1.png|center|250px]] {{c|Fig.2}} {{lorem ipsum}}</nowiki>}}}} {{clear}} ====Polygon shape outlines==== If the image is not a rectangle, and you want text to wrap closer to the image, use the {{parameter|polygon}} parameter. This parameter uses CSS polygon syntax: comma separated pairs of co-ordinates, either given as a percentage (e.g. <code>20%, 50%</code>). Note: Pixel values (e.g. <code>10px, 25px</code>) may appear to work, but they ''will'' result in the text being wrapped incorrectly on the mobile interface if the image is scaled to fit the screen (which will happen on most phone screens if the image is wider than about 350px). Therefore, prefer the relative percentage sizes where possible. Note: this sets the CSS <code>shape-outside</code> style, which overrides the margin-box for text-wrapping. This means if you set margins in the {{parameter|style|}} parameter, they will be ignored if you also set {{parameter|polygon}}. {{doc example|{{demo|<nowiki>{{img float |file = Select Popular Tales from the German of Musaeus (drop cap, page 1).jpg |align = left |width = 300px |polygon = 0 0, 100% 0, 100% 34%, 60% 34%, 60% 58%, 36% 58%, 36% 100%, 0 100% }} {{lorem ipsum|2|paragraphs=false}}</nowiki>}}}} {{clear}} {{doc example|{{demo|<nowiki>{{lorem ipsum}} {{img float |file = Page 36 initial in fairy tales of Andersen (Stratton).png |align = left |width = 300px |polygon = 0 0, 76% 0, 76% 10%, 92% 30%, 92% 50%, 98% 50%, 98% 89%, 68% 89%, 68% 100%, 0 100% }} {{lorem ipsum|4|paragraphs=false}}</nowiki>}}}} {{clear}} ====Caution: divs break paragraphs and cause linter errors ==== This template is a span-based template, which means it can "float" within a paragraph without breaking the surrounding text into two paragraphs. However this means that you cannot use any div-based formatting within the {{parameter|cap}} field. {{doc example|{{demo|<nowiki>{{lorem ipsum}} {{Img float | file = The Kinematics of Machinery Fig 1.png | width = 250px | cap = {{smaller block|This is a div-based template and will break the paragraph where the template is inserted.}} }} '''Break!''' {{lorem ipsum}}</nowiki>}}}} {{clear}}  <includeonly> [[Category:Image templates|Img float]] </includeonly> == See also == * {{tl|Flow under}}: allows text to flow under parts of an image, similarly to using {{para|polygon}} * {{tl|Overfloat image}}: performs reverse operation to this template, ''i.e.'' text is floated ''above'' an image element <templatedata> { "params": { "align": {}, "capalign": {}, "width": {}, "polygon": {}, "style": {}, "above": {}, "file": {}, "class": {}, "alt": {}, "cap": {}, "float": {} }, "format": "block" } </templatedata> datks7dfqbtu1jm3ngakxlxfb7wq0xe ಟೆಂಪ್ಲೇಟು:Flow under 10 120815 324604 2015-12-11T11:30:13Z en>AuFCL 0 sure I'd added that 324604 wikitext text/x-wiki <includeonly>{{{image|{{{watermark|}}}}}}{{#if:{{{height1|{{{width1|}}}}}}| }}{{#if:{{{height2|{{{width2|}}}}}}| }}{{#if:{{{height3|{{{width3|}}}}}}| }}{{#if:{{{height4|{{{width4|}}}}}}| }}{{#if:{{{height5|{{{width5|}}}}}}| }}{{#if:{{{height6|{{{width6|}}}}}}| }}{{#if:{{{height7|{{{width7|}}}}}}| }}{{#if:{{{height8|{{{width8|}}}}}}| }}{{#if:{{{height9|{{{width9|}}}}}}| }}{{#if:{{{caption|}}}|<span style="clear:{{{side|left}}};display:inline-block;float:{{{side|left}}};font-size:smaller;font-weight:bold;text-align:center;width:{{{width9|{{{width8|{{{width7|{{{width6|{{{width5|{{{width4|{{{width3|{{{width2|{{{width1|{{{width|100%}}}}}}}}}}}}}}}}}}}}}}}}}}}}}};">{{{caption}}}}}</includeonly><noinclude>{{documentation}}</noinclude> lxkfmp574x8flq34bzhkgjp0hy66srt 324605 324604 2026-06-09T09:16:52Z A826 6806 ೧ revisions imported from [[:en:Template:Flow_under]] 324604 wikitext text/x-wiki <includeonly>{{{image|{{{watermark|}}}}}}{{#if:{{{height1|{{{width1|}}}}}}| }}{{#if:{{{height2|{{{width2|}}}}}}| }}{{#if:{{{height3|{{{width3|}}}}}}| }}{{#if:{{{height4|{{{width4|}}}}}}| }}{{#if:{{{height5|{{{width5|}}}}}}| }}{{#if:{{{height6|{{{width6|}}}}}}| }}{{#if:{{{height7|{{{width7|}}}}}}| }}{{#if:{{{height8|{{{width8|}}}}}}| }}{{#if:{{{height9|{{{width9|}}}}}}| }}{{#if:{{{caption|}}}|<span style="clear:{{{side|left}}};display:inline-block;float:{{{side|left}}};font-size:smaller;font-weight:bold;text-align:center;width:{{{width9|{{{width8|{{{width7|{{{width6|{{{width5|{{{width4|{{{width3|{{{width2|{{{width1|{{{width|100%}}}}}}}}}}}}}}}}}}}}}}}}}}}}}};">{{{caption}}}}}</includeonly><noinclude>{{documentation}}</noinclude> lxkfmp574x8flq34bzhkgjp0hy66srt ಟೆಂಪ್ಲೇಟು:Flow under/text 10 120816 324608 2024-07-09T01:04:43Z en>ShakespeareFan00 0 324608 wikitext text/x-wiki <includeonly>{{#ifeq:{{NAMESPACE}}|{{TALKSPACE}}|background-color:linen;color: #202122;|{{#switch:{{SUBJECTSPACE}}|Template=background-color:linen;color:inherit;}}}}{{#if:{{{width|}}}|display:inline-block;width:{{{width}}};|}}">{{{1|}}}</includeonly><noinclude>Helper template for {{tl|flow under}}: bring marked text layer to foreground.</noinclude> 9ut0xgam1db05ia8q3e3nyoplviaact 324609 324608 2026-06-09T09:16:53Z A826 6806 ೧ revisions imported from [[:en:Template:Flow_under/text]] 324608 wikitext text/x-wiki <includeonly>{{#ifeq:{{NAMESPACE}}|{{TALKSPACE}}|background-color:linen;color: #202122;|{{#switch:{{SUBJECTSPACE}}|Template=background-color:linen;color:inherit;}}}}{{#if:{{{width|}}}|display:inline-block;width:{{{width}}};|}}">{{{1|}}}</includeonly><noinclude>Helper template for {{tl|flow under}}: bring marked text layer to foreground.</noinclude> 9ut0xgam1db05ia8q3e3nyoplviaact ಟೆಂಪ್ಲೇಟು:Flow under/doc 10 120817 324610 2024-12-02T21:29:18Z en>Eievie 0 /* Example */ 324610 wikitext text/x-wiki {{Documentation subpage}} Flow text beneath an element (nominally a transparent image.)  === Usage === <nowiki>{{flow under|image=[[File:Pinafore-91.png|frameless|200px]]|side=left|height1=70px|width1=100%|height2=6em|width2=105px}}</nowiki> === Parameters === * {{parameter|image}}: Basic element to be displayed; typically an image with transparency capabilities, specified in full [[File:...|frameless|size]] format. * {{parameter|watermark}}: Alternate name for element above. * {{parameter|side}}: Either "left" (default) or "right": specifies toward which margin to align above element. * {{parameter|caption}}: Optional title to be added beneath image centred within the last-specified {{parameter|width{{sub|n}}}} value (assumed to be full usable width of bottom of image.) Caption is presented as bold, yet marginally smaller than normal text in order to distinguish it from the latter. * {{parameter|width}}: Optional: specify maximum width of element. Default: 100%. * {{parameter|height{{sub|n}}}}: height of n-th box area to preserve from text flow. n may range from 1 to 9. * {{parameter|width{{sub|n}}}}: width of n-th box area to preserve from text flow. n may range from 1 to 9. The "boxes" described by the various numbered height{{sub|n}} and width{{sub|n}} parameters designate regions protected from normal text flow. Regions cascade down the {{parameter|side}} margin specified starting at the top of element, and are intended to mark areas of the element which are opaque. As normal text flow occurs "beneath" the element, such parts of the element can (and will) obscure text. ===="Helper" templates==== To assist with situations where the text flow might itself contain links subject to usurpation by the overlying primary element (say, a large image), these associated simple templates have been provided to mark regions of text which must be "elevated" to the foreground (i.e. whose contained links should take precedence over the primary element): ; {{tlp|flow under/text|foreground text}}: Ensure text (typically an entire paragraph) is elevated into the foreground. ; {{tl|flow under/text/s}}: Start region of text to be "foregrounded". ; {{tl|flow under/text/e}}: End region of text to be "foregrounded. The last pair of templates may be used to cross from one Page: to another; but ''do not'' cater for internal paragraphs. Please note, these templates highlight the affected region when used in the Template: or any *Talk: namespace as a visual aid to discussions, as seen in the example below. However this behaviour is suppressed in all other namespaces and, apart from effect, these templates are "invisible" in normal use. === Example === {{doc example|{{demo|<nowiki>{{flow under|image=[[File:Pinafore-91.png|frameless|200px]]|side=left|height1=70px|width1=100%|height2=6em|width2=105px}}{{flow under/text|HE ward-room lunch was finished, and all the ladies were playing "Bridge" for nuts with the officers, except Josephine, whose thoughts were too much occupied with other and more important matters. So she came on deck to indulge in a ''rêverie'' all alone.}} "It is useless," said she to herself; "Sir Joseph's attentions disgust me. I know that he is a truly great and good man, for he told me so himself, and of course he would know;…</nowiki>}}}} === See also === * {{tl|Overfloat image}}: performs reverse operation to this template, ''i.e.'' text is floated ''above'' an image element * {{tl|Img float}}: allows for text to flow over images using more complex polygons <includeonly>  [[Category:Formatting templates]] [[Category:Image templates]] </includeonly> ojt8ovxhihr9fzh0wgdjt5c74imbx26 324611 324610 2026-06-09T09:16:53Z A826 6806 ೧ revisions imported from [[:en:Template:Flow_under/doc]] 324610 wikitext text/x-wiki {{Documentation subpage}} Flow text beneath an element (nominally a transparent image.)  === Usage === <nowiki>{{flow under|image=[[File:Pinafore-91.png|frameless|200px]]|side=left|height1=70px|width1=100%|height2=6em|width2=105px}}</nowiki> === Parameters === * {{parameter|image}}: Basic element to be displayed; typically an image with transparency capabilities, specified in full [[File:...|frameless|size]] format. * {{parameter|watermark}}: Alternate name for element above. * {{parameter|side}}: Either "left" (default) or "right": specifies toward which margin to align above element. * {{parameter|caption}}: Optional title to be added beneath image centred within the last-specified {{parameter|width{{sub|n}}}} value (assumed to be full usable width of bottom of image.) Caption is presented as bold, yet marginally smaller than normal text in order to distinguish it from the latter. * {{parameter|width}}: Optional: specify maximum width of element. Default: 100%. * {{parameter|height{{sub|n}}}}: height of n-th box area to preserve from text flow. n may range from 1 to 9. * {{parameter|width{{sub|n}}}}: width of n-th box area to preserve from text flow. n may range from 1 to 9. The "boxes" described by the various numbered height{{sub|n}} and width{{sub|n}} parameters designate regions protected from normal text flow. Regions cascade down the {{parameter|side}} margin specified starting at the top of element, and are intended to mark areas of the element which are opaque. As normal text flow occurs "beneath" the element, such parts of the element can (and will) obscure text. ===="Helper" templates==== To assist with situations where the text flow might itself contain links subject to usurpation by the overlying primary element (say, a large image), these associated simple templates have been provided to mark regions of text which must be "elevated" to the foreground (i.e. whose contained links should take precedence over the primary element): ; {{tlp|flow under/text|foreground text}}: Ensure text (typically an entire paragraph) is elevated into the foreground. ; {{tl|flow under/text/s}}: Start region of text to be "foregrounded". ; {{tl|flow under/text/e}}: End region of text to be "foregrounded. The last pair of templates may be used to cross from one Page: to another; but ''do not'' cater for internal paragraphs. Please note, these templates highlight the affected region when used in the Template: or any *Talk: namespace as a visual aid to discussions, as seen in the example below. However this behaviour is suppressed in all other namespaces and, apart from effect, these templates are "invisible" in normal use. === Example === {{doc example|{{demo|<nowiki>{{flow under|image=[[File:Pinafore-91.png|frameless|200px]]|side=left|height1=70px|width1=100%|height2=6em|width2=105px}}{{flow under/text|HE ward-room lunch was finished, and all the ladies were playing "Bridge" for nuts with the officers, except Josephine, whose thoughts were too much occupied with other and more important matters. So she came on deck to indulge in a ''rêverie'' all alone.}} "It is useless," said she to herself; "Sir Joseph's attentions disgust me. I know that he is a truly great and good man, for he told me so himself, and of course he would know;…</nowiki>}}}} === See also === * {{tl|Overfloat image}}: performs reverse operation to this template, ''i.e.'' text is floated ''above'' an image element * {{tl|Img float}}: allows for text to flow over images using more complex polygons <includeonly>  [[Category:Formatting templates]] [[Category:Image templates]] </includeonly> ojt8ovxhihr9fzh0wgdjt5c74imbx26 ಟೆಂಪ್ಲೇಟು:Sub/styles.css 10 120818 324612 2025-01-31T02:30:20Z en>CalendulaAsteraceae 0 324612 sanitized-css text/css .wst-sub { font-size:66%; vertical-align:-0.25em; line-height:0; } cg6yfcl3jza2zd6y7rao3qefwfxl0rd 324613 324612 2026-06-09T09:16:53Z A826 6806 ೧ revisions imported from [[:en:Template:Sub/styles.css]] 324612 sanitized-css text/css .wst-sub { font-size:66%; vertical-align:-0.25em; line-height:0; } cg6yfcl3jza2zd6y7rao3qefwfxl0rd