ФЭНДОМ


  • Столкнулся с проблемой: не могу нигде найти свойства класса "article-table". Хочется сделать такую же таблицу, но с возможностью загнуть края (сделать их овальными) при этом оставив стиль таблицы с черточками между строк.



    СнимокПримерТаблицы1
    Снимок115нн55п
      Загрузка редактора
    • и мы должны нагадать этот класс по скриншоту? :)

      дай ссылку на таблицу.

        Загрузка редактора
    • Сама ссылка И код

      {| class="weapon-features-table article-table" style="cellspacing: 0"<br />! style="font-family:Visitor;font-size:0px; text-align:center"|*<br />!class="unsortable" style="text-align: left; font-family:Visitor;font-size:20px;"|Модификация<br />!class="unsortable" style="text-align: center; font-family:Visitor;font-size:20px;"|Эффект<br />! style="font-family:Visitor;font-size:20px; text-align: right"|Стоимость<br />|-<br />| data-sort-value="1" style="padding-left:32px"| {{Владение1}}<br />| style="text-align: left"| Тактическая рукоять<br />| style="text-align: left"| - 10 к отдаче<br />| style="padding-right:20px"| 1 {{Очки навыков}}<br />|-<br />| data-sort-value="2" style="padding-left:32px"| {{Владение2}}<br />| style="text-align: left"| Прицел "Кобра"<br />| style="text-align: left"| + 10 к точности<br />| style="padding-right:20px"| 1 {{Очки навыков}}<br />|-<br />| data-sort-value="3" style="padding-left:32px"| {{Владение3}}<br />| style="text-align: left"| Глушитель<br />| style="text-align: left"| Заглушение звука выстрела<br /> - 10 к урону<br />| style="padding-right:20px"| 2 {{Очки навыков}}<br />|}] 
        Загрузка редактора
    • Дело в том, что я порылся в CSS и не нашел там такой класс. 

      Может класс "article-table" никак не отличается от других фэндомов и является своего рода "родным" для всех википедий? Не шарю за эту тему, поэтому и хотел спросить

        Загрузка редактора
    • border-collapse: collapse нормально не гнется. Можно использовать такой вариант вместо него:

      .weapon-features-table {
      	border-collapse: separate;
      	border-spacing: 0;
      }
      
        Загрузка редактора
    • Забыл упомянуть.

      Никакой проблемы в том чтобы загнуть края нет, сама проблема в том что хочется сделать линии, разделяющие строки, а это я увидел только у этого класса "article-table" таблиц (который при этом убивает стилизацию с закруглением).

      Где я могу найти это свойство с линиями для таблиц? :(

        Загрузка редактора
    • да, article-table - стандартный и на вики по ссылке он не перекрыт, используется в исходном виде. можешь спокойно его использовать.

      если хочешь загнуть края всем таким таблицам, то просто положи загибающий код в wikia.css сайта - он будет загружен после основных стилей.

        Загрузка редактора
    • От TrueRogue: ...сама проблема в том что хочется сделать линии, разделяющие строки, а это я увидел только у этого класса "article-table" таблиц (который при этом убивает стилизацию с закруглением).

      Где я могу найти это свойство с линиями для таблиц? :(

      Тут

      .article-table th, .article-table tr:not(:last-child) td {
          border-bottom: 1px #fff solid;
      }
      

      Цвет выбери сам.

        Загрузка редактора
    • Спасибо огромное! Выручили

        Загрузка редактора
    • Участник ФЭНДОМА
        Загрузка редактора
Мне нравится это сообщение
Вам понравилось это сообщение!
Посмотреть кто добавил «Мне нравится»
Материалы сообщества доступны в соответствии с условиями лицензии CC-BY-SA , если не указано иное.