Перейти к содержанию
.V.I.P.

Ваши вопросы

Рекомендуемые сообщения

Ваши вопросы

Задавайте свои вопросы касательные таких тем как;

  • Настройки форума/плагинов/приложений
  • Работа с переводом
  • Разработка и установка модификаций
  • Различные вопросы касательные форума

Я не профи что бы знать абсолютно всё по этому постараюсь ответить по максимуму исходя из своих познаний.

  • Повысить репутацию 2

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В десктопной версии отображается нормально:
desctop.jpg

В мобильной криво:
mobil.jpg

И сразу возник еще один вопрос. Как убрать лишнее изображение, которое я перетащил в окно? Первые два есть в коде. Это можно редактировать. Нижнего в коде нет.

desctop.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@vold57 Не знаю почему но вы видимо сами поставили дополнительный столбец который показывает автора темы.

Стиль не оптимизирован + крособраузерность 

  • Спасибо 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

@.V.I.P. да сам. Код дали на форуме invisionbyte.ru. Наверное, заголовки столбцов лучше убрать, тогда?  

Только сейчас всмотрелся в код, который порекомендовали. Часть кода:

<div class='ipsDataItem_main'>Тема</div>
<ul class='ipsDataItem_stats'>Автор темы</ul>
<ul class='ipsDataItem_stats'>Статистика</ul>
<ul class='ipsDataItem_lastPoster ipsDataItem_withPhoto ipsType_blendLinks'>Последнее сообщение</ul>

Названия столбцов прямо в UL без LI.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Можно найти

@media screen and (max-width: 979px)
html[dir="ltr"] .ipsDataItem_lastPoster.ipsDataItem_withPhoto {
    right: 10px !important;
}

@media screen and (max-width: 979px)
.ipsDataItem_lastPoster.ipsDataItem_withPhoto {
    display: block !important;
    position: absolute;
    top: 18px !important;
    padding: 0;
    width: 34px;
    height: 34px;
}

Изменить на

@media screen and (max-width: 979px)
html[dir="ltr"] .ipsDataItem_lastPoster.ipsDataItem_withPhoto {
    right: 45px !important;
}
@media screen and (max-width: 979px)
.ipsDataItem_lastPoster.ipsDataItem_withPhoto {
    display: block !important;
    position: absolute;
    top: 3px !important;
    padding: 0;
    width: 34px;
    height: 34px;
}

Получится

1.png.d1abdf4215ec5863532e2fb1fa07e314.png

@vold57 Попробуй убрать, посмотришь результат

  • Повысить репутацию 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Да, так лучше намного.

  • Повысить репутацию 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


О проекте

Web@district это проект, который объединил специалистов из разных областей сайтостроения и интернет-маркетинга для того, чтобы пользователи этого ресурса могли удовлетворять свои потребности в знаниях, находить исполнителей, заказчиков или просто приятно пообщаться.

info@webdistrict.pro

Тут может оказаться каждый из вас.:)

логотип в футрере

Copyright © Web@District 2018      При копировании материалов с сайта активная гиперссылка ссылка на источник обязательна
×