Ваши вопросы по копанию в css стилях форума. Часть седьмая.
Если у вас вопросы технического характера конкретно по вашему форуму - оставляйте адрес, иначе помочь вам не смогут.
Предыдущая часть темы: Вопрос/ответ по дизайну css #6
Вопрос/ответ по дизайну css #7
Сообщений 331 страница 340 из 370
Поделиться113.01.21 16:12
- технозомби
- Уважение: +9813
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться33119.05.22 20:34
- Участник
- Уважение: +506
- Достижения/подарки: cake 0 emoji_events 3
- Наградные баллы: 490
#p168218,бродяга написал(а):
Gothkiller
Видимо, где-то размеры элементов в процентах указаны, вот и ползёт
И как мне это исправить.
Поделиться33219.05.22 21:29
- Ломастер
- Уважение: +2527
- Достижения/подарки: cake 3 emoji_events 7
- Наградные баллы: 1 462
- Проверенный спец: FDFD
#p168220,Gothkiller написал(а):
И как мне это исправить.
Не могу знать, надо бы видеть проблему воочию для начала.
Поделиться33319.05.22 21:32
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
#p168212,Gothkiller написал(а):
То есть сдвигается шапка, категории, разделитель. В чем может быть причина. При 100 процентах размера все нормально причем стыкуется.
0
Ну типовой вариант когда часть фонов полотна форума поставлена на body или НТМL, а не на #pun (Всё правится и на body, но нужна ссылка на тестовик, можно под скрытый текст)
Поделиться33419.05.22 21:55
- Участник
- Уважение: +506
- Достижения/подарки: cake 0 emoji_events 3
- Наградные баллы: 490
Буду очень благодарен, если поможете
Поделиться33519.05.22 22:04
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Gothkiller
Ну у меня ничо не ползёт до перехода на мобильный дизайн от сервиса...
С мобильным дизайном наверно Бродяга Acc. Я нуб
Ну и второе - форум с автопереключением на мобильный диз типично стоит в полтора-два раза дороже...
Карочь, если есть проблемы на обычном дизе(до переключения на мобильный) - то нужны скриншоты проблем с обводкой проблемных мест красным
Отключить мобильный можно в Администрирование-Настройки (Мобильный дизайн - нет)
Поделиться33619.05.22 22:15
- Участник
- Уважение: +506
- Достижения/подарки: cake 0 emoji_events 3
- Наградные баллы: 490
Все так то нормально, но...При расширении до 125% процентов появляются такие вот вещи.
Если расширить форум дальше, то они пропадают.
Поделиться33719.05.22 22:25
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Gothkiller
Попробуй прижимать фоны по левому краю, без автоцентровки:
pun-index .category h2, #pun-stats h2 {
height: 57px;
width: 991px;
margin-left: -25px;
padding: 22px 0 0px 0;
color: #583f16;
font-family: minion pro;
text-align: center;
font-size: 17px !important;
background: url(https://i.imgur.com/Va2kUYU.png) no-repeat 0 0;
}
Возможно придётся поправить margin-left: -25px;
Поделиться33819.05.22 22:29
- Участник
- Уважение: +506
- Достижения/подарки: cake 0 emoji_events 3
- Наградные баллы: 490
Deff
Не работает. Остается тоже самое. Опять "уезжает". И именно при расширении на 125%.
Поделиться33919.05.22 22:42
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Пробуй такой Вариант:
#pun-index .category h2, #pun-stats h2 {
height: 57px;
width: 991px;
margin-left: -25px;
padding: 22px 0 0px 0;
color: #583f16;
font-family: minion pro;
text-align: center;
font-size: 17px !important;
background: url(https://i.imgur.com/Va2kUYU.png) no-repeat 0 0;
background-position: 0 0!important;
}
Поделиться34020.05.22 04:28
- Жерар Депардье
- Уважение: +3482
- Достижения/подарки: cake 4 emoji_events 4
- Наградные баллы: 122
Gothkiller
Тут ещё привязки центровки фонв нет,
Добавь:
/* тело */
#pun {
width: 1013px;
background-color: transparent;
background-image: url(https://i.imgur.com/Ku8iZcq.png);
background-attachment: scroll;
background-position: 0 0;
}
Может опять жа повлиять на правку предыдущего: margin-left: -25px;
Ксать я бы сделал длину элемента h2 равным #pun (1013px;), тогда при одинаковом позиционировании фона по левому краю(background-position: 0 0;) при масштабировании должно быть всё идентично
Просто полоску наложить на эту картинку: https://i.imgur.com/Ku8iZcq.png
Ксать фоны правильнее заливать в Администрирование-файлы, ибо имгур после месяца-двух хранения ограничивает скорость загрузки... Открываешь так форум после долгого отсутствия(кеш автовытирается) - а фонов нет
