سانچہ:Flowlist

دستاویز [نمائش] [ترمیم] [تاریخچہ] [تطہیر]

Usage

If you have this problem of list bullets and numbers overlapping with a left floating image or Infobox, for example:

Test image

List of animals:

• بلی
• کتا
• گھوڑا
• گائے
• بھیڑ
• سؤر

then {{Flowlist}} enables lists to stay clear of these left floating objects. It effectively makes lists act as a block level element. It does however have a few side effects that you should take note of.

Test image

List of animals:

• بلی
• کتا
• گھوڑا
• گائے
• بھیڑ
• سؤر

This template can be used with or without {{endflowlist}}.

Examples

[[File:Bad Title Example.png|left|thumb|100px|Test image]] List of animals:
{{flowlist |
* [[بلی]]
* [[کتا]]
* [[گھوڑا]]
* [[گائے]]
* [[بھیڑ]]
* [[سؤر]]
}}

Test image

List of animals:

• بلی
• کتا
• گھوڑا
• گائے
• بھیڑ
• سؤر

Alternative syntax

[[File:Bad Title Example.png|left|thumb|100px|Test image]] List of animals:
{{flowlist}}
* [[بلی]]
* [[کتا]]
* [[گھوڑا]]
* [[گائے]]
* [[بھیڑ]]
* [[سؤر]]
{{endflowlist}}

Test image

List of animals:

• بلی
• کتا
• گھوڑا
• گائے
• بھیڑ
• سؤر

Parameters

• class – adds a CSS class to the containing div.
• style – adds CSS style options. Complex styles should not be used in articles (per wp:deviations) but may be acceptable on user, project, and talk pages.

Example: |style=border:solid 1px silver; background:lightyellow

Side effects

Using this technique has a side effect. If your list is longer than the floated element, then the list will not flow around the image like normal, but instead be one block, leaving white space below the floated element. This goes for both left and right side of the list.

This

Test image

Test image

List of animals:

• بلی in a very long sentence that should collide with the image to the right
• کتا in a very long sentence that should collide with the image to the right

Will become

Test image

Test image

List of animals:

• بلی in a very long sentence that should collide with the image to the right
• کتا in a very long sentence that should collide with the image to the right