Help:How to fix bunched-up edit links

Using the Fix bunching template

The easiest method works with both images and infoboxes. It leaves formatting virtually untouched except for unbunching the problematic edit links. Use the {{Fix bunching}} template as in the following code:

{{Fix bunching|beg}}

{{ 1st infobox, image, table, etc. }}

{{Fix bunching|mid}}

{{ 2nd infobox, image, table, etc. }}

  ...continue as needed with {{Fix bunching|mid}} before content:

{{Fix bunching|mid}}

{{ 3rd infobox, image, table, etc. }}

{{Fix bunching|end}}

Note that the resulting column of objects will be as wide as its widest component throughout.

See Example 2 for sample code and its results.

Moving the images around

When the article is long enough, it is possible to spread the images around, instead of having them together. It is also possible to make some of the images float left instead of right. This often is enough to fix the issue, and generally results in a prettier article.

Using a gallery

When you have too many images, it might make sense to move some or most of them to a gallery. However, while this avoids the issue, it has issues of its own (for instance, the captions can be small to the point of being unreadable in some cases, and the image size is fixed).

Using a floated div

This method has the advantage of not visibly changing anything in the article; the resulting appearance is almost identical to the original, with the only differences being that the section edit links flow naturally as expected, instead of ending bunched up to the left of the last image, slightly different spacing between the images, and a slightly different margin size. It also has the advantage of being possible to do mechanically (either with a bot or manually). However, it can only be used when the images have identical width (usually happens when all are either |thumb| or a fixed size in px, and all are more wide than tall; can also happen when thumbnails are not used).

To do this, first remove any |right| from the images, and add a |none| to them (this stops them from floating). Then wrap them in <div style="float: right; clear: right">...</div> (this makes them float together, and also puts them below any other right float ^{[clarification needed]} (this means that if the article has a Wikipedia template or custom XHTML code which uses styles with the option "float:right" and this appears before the right-floated "div" discussed outside these parentheses then the "div" correctly positions itself under the right-floated template or custom code discussed inside the parentheses, rather than right of it) instead of to the left of it; it's also what's normally used for the right-floated images).

See Example 3 for an example.

Using a wikitable to group

This is actually what {{Fix bunching}} does in a simplified manner, without requiring use of the wikitable syntax. For an example of using the wikitable code, see Example 4.

Using the Fix bunching template

Moving the images around

Using a gallery

Using a floated div

Using a wikitable to group

See also