Ваши вопросы по копанию в css стилях форума. часть шестая.
Смотрим предыдущее тут Вопрос/ответ по дизайну css #5
Если у вас вопросы технического характера конкретно по вашему форуму - оставляйте адрес, иначе помочь вам не смогут.
Вопрос/ответ по дизайну css #6
Сообщений 921 страница 930 из 1001
Поделиться127.12.12 00:56
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться92118.11.20 14:44
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Герда написал(а):
так выглядит форум, когда не загрузилисть стили.
вернее, загрузились, но не все.
очень похоже, что не работает именно второе окно.
идея - поставь @import url(style_cs.css); и другие импорты в самое-самое начало первого окна вот так:
чтобы они были ДО комментариев со звездочками
некоторые браузеры при заходе с хттпс не переваривают импорты, если они стоят после комментов.
Поделиться92222.11.20 20:26
доброго, помогите, пожалуйста) с компьютера фон форума стоит фиксированно, с телефона почему-то решил прокручиваться (айфон, сафари)
поставила фиксед, но это не спасло
Поделиться92322.11.20 22:03
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Nasy
проблема сразу во многих местах...
вот это вообще "не мобильно":
Код:
html {
min-width: 1200px !important;
} зачем оно нужно?
а когда делаешь вот так:
#pun-about p.container {
background-image: url(https://forumstatic.ru/files/001a/28/10/50516.png);
width: 1094px;
height: 239px;
margin-left: -121px;
margin-top: -105px;
margin-bottom: -120px;
background-position: center top;
}
эта штука съезжает ВНИЗ за пределы фона.
я так вижу, это не единственный элемент, который спозиционирован через минус...
Поделиться92422.11.20 22:08
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Nasy
наглядная демонстрация, что будет с фоном, если отключить margin на отрицательное значение вниз:
большая гифка
т.к. весь стиль только через margin спозиционирован как выход вижу только переделывать.
необходимо начать использовать для всего этого свойство position
Поделиться92522.11.20 22:54
Герда написал(а):
вот это вообще "не мобильно":
Код:html { min-width: 1200px !important; }зачем оно нужно?
чтобы форум не лип к левому боку, а был по центру с тлф
я прописала маргины таким образом, потому что мне это было нужно (и зная, куда и как уезжает), тем не менее, я их отключила - проблема, ожидаемо, осталась
Отредактировано Nasy (22.11.20 22:59)
Поделиться92623.11.20 16:09
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Nasy написал(а):
чтобы форум не лип к левому боку, а был по центру с тлф
вот форум, где нет таких трюков, тем не менее, он не липнет к левому боку: http://urchoice.rolka.su/
вот что происходит с твоим форумом при сживании окна браузера в сравнении с форумом где есть мобильная версия и в сравнении с форумом, где мобильной версии нет:
я не знаю, где тебе подсказали такой "номер", но подобными трюками ты делаешь невозможным пользоваться своим форумом с экрана меньше 1200px.
во-первых, у людей, которые не открывают вкладки браузер на весь экран вот такие баги гарантированы.
во-вторых, маленькие мониторы на пк никуда не делись, разрешение 1024px существует и там нет тачпада, чтобы пальцем увеличить страницу до нужного размера. а если увеличат через crtl+колесико - нет возможности листать суда-сюда монитор, именно так работает отключение прокрутки.
если нужно, чтоб форум хорошо смотрелся на мобилах, надо под мобилы дописать дизайн.
если хочется, чтоб что-то не липло к левому боку достаточно прописать на это что-то margin: 0 auto;
ну, или вот полезная статья, которая описывает много о позиционировании элементов по центру: https://www.w3.org/Style/Examples/007/center.ru.html
вечером постараюсь разобраться, что с фоном... проблема глубоко сидит.
шаблон, случаем не за авторством Selebris? помимо min-width вижу узнаваемый почерк: прозрачность, зачем-то прописанную на все элементы и границы + проблемы с свойством float )))
Поделиться92723.11.20 16:57
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Добавлено
еще позвала @sadhaka глянуть. мб успеет раньше, чем у меня вебинар кончится
Поделиться92823.11.20 17:06
Герда написал(а):
я не знаю, где тебе подсказали такой "номер", но подобными трюками ты делаешь невозможным пользоваться своим форумом с экрана меньше 1200px.
точно на рено, + возможно еще на техподдержке
и насколько знаю, такая настройка стоит на многих реалках, нареканий не вызывало у народа, но буду знать на будущее, спасибо
но насчет конкретно моего дизайна - он сделан только для нас с партнером, нам важно только с фоном разобраться и все
в любом случае, я отключила, чтобы не мешало найти проблему
Герда написал(а):
если хочется, чтоб что-то не липло к левому боку достаточно прописать на это что-то margin: 0 auto;
у меня стоял просто авто, поставила так, но все равно липнет
Герда написал(а):
ечером постараюсь разобраться, что с фоном... проблема глубоко сидит.
спасибо, буду ждать
Герда написал(а):
шаблон, случаем не за авторством Selebris?
/*************************************************************
КОДЫ ;DULCIS BLANCHES v.2020
**************************************************************
так что нет )
шаблон мой и очень старый: как видно по кодам, я только недавно стала его весь перелопачивать и менять неактуальные настройки
Отредактировано Nasy (23.11.20 17:06)
Поделиться92923.11.20 17:06
Герда написал(а):
Добавлено
еще позвала @sadhaka глянуть. мб успеет раньше, чем у меня вебинар кончится
спасибо!
Поделиться93023.11.20 17:56
- Техномаг
- Уважение: +1105
- Достижения/подарки: cake 6 emoji_events 3
- Наградные баллы: 52
- Проверенный спец: FDFD
Nasy, у отступ справа на мобильном появляется из-за вот этого дельфина:
Он стоит в контейнере, который шире основного тела форума, потому и вылезает вправо. Такие вещи лучше ставить в бэкграунд body, благо установка туда нескольких картинок вполне допустима.
Nasy написал(а):
с телефона почему-то решил прокручиваться
Попробуйте после адреса изображения в бэкграунде дописать позиционирование top.
