Помощь: Как исправить сгруппированные ссылки редактирования

Эта страница в настоящее время неактивна и сохранена для исторической справки. Либо страница больше не актуальна, либо консенсус относительно ее цели стал неясным. Чтобы возобновить обсуждение, попросите более широкий вклад через форум, например village pump . Это больше не проблема: универсальное решение найдено. И шаблон теперь удален.

Эта страница справки представляет собой практическое руководство . Он объясняет концепции или процессы, используемые сообществом Википедии. Он не является политикой или руководством Википедии и может отражать различные уровни консенсуса .

Если имеется длинная полоса изображений или информационных блоков, расположенных справа, вместе с несколькими разделами статьи , это обычно приводит к тому, что ссылки редактирования раздела — «[ изменить ]» — для разделов, которые начинаются после первого и до последнего изображения или информационного блока, скапливаются слева от нее, как показано ниже: [ изменить ] [ изменить ] [ изменить ] (см. Пример 1.)

Это вызывает несколько проблем:

• Ссылки для редактирования часто частично перекрывают текст и тем самым скрывают его.
• Редактирование разделов становится сложнее, если ссылки редактирования не связаны с соответствующими разделами.
  • Еще больше усложняет ситуацию то, что расположение ссылки редактирования различается в разных браузерах.
• Выглядит ужасно.

Существует несколько способов избежать или обойти эту и подобные проблемы, как обсуждается ниже. Лучший (наиболее универсальный и эффективный) и самый простой из них был формализован в шаблоне {{ Fix bunching }} .

Самый простой метод работает как с изображениями, так и с инфобоксами. Он оставляет форматирование практически нетронутым, за исключением разгруппировки проблемных ссылок редактирования. Используйте шаблон {{ Fix bunching }} , как в следующем коде:

{{ Исправление группировки | beg }}{{ 1-й инфобокс, изображение, таблица и т. д. }} {{ Исправление группировки | середина }}{{ 2-й инфобокс, изображение, таблица и т. д. }}  ...продолжите при необходимости с помощью {{ Fix Bunging | mid }} перед содержимым:{{ Исправление группировки | середина }}{{ 3-е информационное поле, изображение, таблица и т. д. }} {{ Исправление группировки | конец }}

Обратите внимание, что ширина полученного столбца объектов будет равна ширине его самого широкого компонента.

Пример кода и его результаты см. в примере 2.

Это можно сделать, если нет проблем с добавлением дополнительных пробелов перед следующим разделом (например, если проблема проявляется только при нестандартных размерах шрифта или если изображения логически прикреплены к разделам).

Это можно сделать, добавив элемент с любым из свойств   CSSclear:both   или   clear:right  перед следующим разделом . Самый простой способ сделать это — использовать шаблон {{ clear }} .

Если статья достаточно длинная, можно разнести изображения, а не располагать их вместе. Также можно сделать так, чтобы некоторые изображения плавали слева, а не справа. Часто этого достаточно, чтобы исправить проблему, и в целом статья получается более симпатичной.

Если у вас слишком много изображений, имеет смысл переместить некоторые или большинство из них в галерею . Однако, хотя это и позволяет избежать проблемы, у этого есть свои недостатки (например, подписи могут быть настолько маленькими, что в некоторых случаях их невозможно прочитать, а размер изображения фиксирован).

Может быть хорошей идеей спросить себя, действительно ли все эти изображения необходимы. Изображения должны иллюстрировать тему, а не превращать статью в галерею. Если изображения слишком плотные, но ни одно из них не требует удаления, это может означать, что статью нужно расширить. Идеальным решением может быть создание страницы или категории, объединяющей все из них на Wikimedia Commons , и использование соответствующего шаблона ( {{ commons }} , {{ commonscat }} , {{ commons-inline }} или {{ commonscat-inline }} ) и ссылка на него вместо этого, чтобы можно было легко найти дополнительные изображения, если статья будет расширена.

Этот метод имеет преимущество в том, что визуально ничего не меняет в статье; полученный внешний вид почти идентичен оригиналу, с единственными отличиями в том, что ссылки редактирования раздела текут естественно, как и ожидалось, вместо того, чтобы заканчиваться сгруппированными слева от последнего изображения, немного отличается интервал между изображениями и немного отличается размер полей. Он также имеет преимущество в том, что его можно сделать механически (либо с помощью бота , либо вручную). Однако его можно использовать только в том случае, если изображения имеют одинаковую ширину (обычно это происходит, когда все имеют либо |thumb|фиксированный размер в пикселях, либо большую ширину, чем высоту; также может случиться, когда не используются миниатюры).

Для этого сначала удалите все |right|из изображений и добавьте |none|к ним (это предотвратит их плавание). Затем оберните их <div style="float: right; clear: right">...</div>(это заставит их плавать вместе, а также поместит их под любым другим правым плавающим элементом ^{[ необходимо разъяснение ]} (это означает, что если в статье есть шаблон Википедии или пользовательский код XHTML, который использует стили с опцией "float:right", и он появляется перед плавающим справа "div", обсуждаемым вне этих скобок, то "div" правильно размещается под плавающим справа шаблоном или пользовательским кодом, обсуждаемым внутри скобок, а не справа от него), а не слева от него; это также то, что обычно используется для плавающих справа изображений).

Для примера см. Пример 3.

Это на самом деле то, что {{ Fix bundleing }} делает в упрощенном виде, не требуя использования синтаксиса wikitable. Пример использования кода wikitable см. в примере 4.

Шаблон {{ stack }} — это еще один способ группировки изображений в одном плавающем блоке. Синтаксис следующий:

{{ стек |[[ изображение1.jpg ]][[ изображение2.jpg ]][[ изображение3.jpg ]][[ изображение4.jpg ]]}}

или

{{ стек | float = лево/право |[[ image1.jpg ]][[ image2.jpg ]][[ image3.jpg ]][[ image4.jpg ]]}}

Надеюсь, некоторые примеры сделают эти сложные технические вопросы более понятными для неспециалистов .

Этот пример продемонстрирует, что изображения справа и разделы справа создают проблемы рендеринга друг для друга. Это проявляется напротив верхнего края нижнего изображения , где три ссылки редактирования раздела выстраиваются в линию следующим образом: [ править ] [ править ] [ править ]

[[ Файл : Wikipedesketch.png | большой палец | вправо | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ] ] [ [ Файл : Wikipedesketch.png | большой палец | вправо | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ]] [[ Файл : Wikipedesketch.png | большой палец | вправо | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ]]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

В этом примере используется шаблон {{ Fix bundleing }} для исправления группировки [ edit ] [ edit ] [ edit ] ссылок.

{{ Исправление группировки | beg }} [[ Файл : Wikipedesketch.png | большой палец | справа | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ]] {{ Исправление группировки | mid }} [[ Файл : Wikipedesketch.png | большой палец | справа | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ]] {{ Исправление группировки | mid }} [[ Файл : Wikipedesketch.png | большой палец | справа | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ]] {{ Исправление группировки | end }}

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

Демонстрирует размещение рекомендуемого блока стиля div вокруг изображений, что позволит сгруппированным [ edit ] [ edit ] [ edit ] перемещаться в нужные места в соответствующих заголовках разделов.

< div style = "float:right; clear:right; margin-left:1.4em;" > [[ Файл : Wikipedesketch.png | большой палец | нет | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ]] [[ Файл : Wikipedesketch.png | большой палец | нет | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ]] [[ Файл : Wikipedesketch.png | большой палец | нет | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ]] </ div > 

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

В примере используется формат wikitable, в котором параметр ширины можно оставить по умолчанию (автоматически) или указать в строке стиля (не показано).

• Совет: если вложенный HTML-элемент представляет собой локальное информационное поле в формате таблицы (код будет начинаться с {| вместо {{ ), то '{|' должен начинаться на строке, следующей за вертикальной чертой таблицы.

{| style = "float:right; clear:right; background-color:transparent; margin-left:1.4em;" | [[ Файл : Wikipedesketch.png | большой палец | нет | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ]] |- | [[ Файл : Wikipedesketch.png | большой палец | нет | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ]] |- | [[ Файл : Wikipedesketch.png | большой палец | нет | ETAOIN SHRDLU CMFWYP VBGKQJ XZ ]] |}    

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut Labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrum ullamco Laboris Nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor в осуждении за сладострастие velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint ocaecat cupidatat not proident, sunt in culpa qui officia deserunt mollit anim id est Laborum.

Чтобы удалить все ссылки редактирования со страницы, поместите "волшебное слово" __NOEDITSECTION__ в любом месте страницы. Обратите внимание, что этого не следует делать в статьях.

• Ошибка 1629: Ссылки на редактирование раздела отображаются в неправильном месте (Открыто: 2005-03-04)
• Ошибка 5118: Текст перекрывает изображение, когда изображение является вторым справа плавающим элементом
• Ошибка 26449: Добавьте {overflow: hidden;} в H1, H2, H3, H4, H5, H6; это исправит группировку
• Пользователь:Drilnoth/lefteditlinks.js/doc – Гаджет для перемещения ссылок редактирования разделов рядом с заголовками разделов (устранение проблемы группировки ссылок редактирования на стороне пользователя).