Ваши вопросы по копанию в css стилях форума. часть шестая.
Смотрим предыдущее тут Вопрос/ответ по дизайну css #5
Если у вас вопросы технического характера конкретно по вашему форуму - оставляйте адрес, иначе помочь вам не смогут.
Вопрос/ответ по дизайну css #6
Сообщений 951 страница 960 из 1001
Поделиться127.12.12 00:56
- технозомби
- Уважение: +9804
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться95130.11.20 19:57
бродяга
все получилось. спасибо!
Поделиться95202.12.20 17:26
- Участник
- Уважение: +17
Доброго дня! Помогите, пожалуйста, разобраться в чем проблема и подскажите, как исправить.
1. Таблица из объявления: на главной странице от лица пользователя выглядит относительно ровно, так, как хотелось бы, но при переключении во вкладку участников или в любую другую или при выходе с форума все сдвигается влево и немного вверх.
скрины
2. (подобный вопрос видел не так давно, но видимо тупенький и не понял ответ) Когда открываешь форум, все вроде бы выглядит нормально, но внизу есть бегунок и, когда его сдвигаешь, видно, что фон справа больше, чем слева. Предполагаю, что это связанно с размерами шапки и низа (1920) или же margin, однако решил лучше уточнить 
скрины
Форум (тестовый): http://rindreamer.mybb.ru/
Отредактировано ёжик в тумане (02.12.20 17:36)
Поделиться95302.12.20 19:05
- Участник
- Уважение: +768
- Достижения/подарки: cake 3 emoji_events 3
- Наградные баллы: 266
ёжик в тумане написал(а):
Доброго дня! Помогите, пожалуйста, разобраться в чем проблема и подскажите, как исправить.
1. Таблица из объявления: на главной странице от лица пользователя выглядит относительно ровно, так, как хотелось бы, но при переключении во вкладку участников или в любую другую или при выходе с форума все сдвигается влево и немного вверх.
скрины
2. (подобный вопрос видел не так давно, но видимо тупенький и не понял ответ) Когда открываешь форум, все вроде бы выглядит нормально, но внизу есть бегунок и, когда его сдвигаешь, видно, что фон справа больше, чем слева. Предполагаю, что это связанно с размерами шапки и низа (1920) или же margin, однако решил лучше уточнить
скрины
Форум (тестовый): http://rindreamer.mybb.ru/
Подождите немного, сейчас я Вам профессионала призову и все найдут и решат , помогут.
Хорошего вечера .
Поделиться95402.12.20 19:07
- Участник
- Уважение: +17
Алгол
спасибо, жду столько, сколько нужно
Поделиться95502.12.20 19:21
- Ломастер
- Уважение: +2521
- Достижения/подарки: cake 3 emoji_events 7
- Наградные баллы: 1 462
- Проверенный спец: FDFD
ёжик в тумане
Добра)
По поводу первого вопроса так навскидку не подскажу, надо разбираться.
По поводу второго - вам критично, чтобы горизонтальная прокрутка была? Можно просто её убрать и поставить максимальную ширину форума.
В стиль:
Код:
html {
overflow-x: hidden;
}Если с телефона будет отображаться не ровно по центру, тогда можно поставить в хтмл верх что-нибудь такое:
<!-- Ширина форума на мобильных устройствах -->
<meta name="viewport" content="width=1050">
Выделенное значение можно другое, меньше или больше - тут тоже надо уже по факту смотреть.Не знаю, насколько правильный способ, но я обычно так делаю при больших шапках)
Поделиться95602.12.20 19:40
- Участник
- Уважение: +17
бродяга
Доброго вечера, нет, горизонтальная прокрутка была не нужна, она сама появилась, но после вашего кода все прошло, спасибо!
Только как "побочка" почему-то не на своем месте стали стрелки (нокс-люмос), которые сворачивают не знаю как правильно сказать подфорумы(?), и они стали прокручиваться вверх вниз.
Может я чего-то не так вставил?...
скрин
Поделиться95702.12.20 19:47
- Ломастер
- Уважение: +2521
- Достижения/подарки: cake 3 emoji_events 7
- Наградные баллы: 1 462
- Проверенный спец: FDFD
ёжик в тумане
Я, к сожалению, не вижу на тестовике категорий, не имею прав доступа) Если бы была видна хотя бы одна категория с гостя, тогда можно было бы посмотреть, в чём проблема.
И вы, похоже, поставили запрет на прокрутку в блок "html, body", а я говорил только про html. Просто в окне стиля где-нибудь в конце добавьте:
Код:
html {
overflow-x: hidden;
}а из "html, body" уберите строку overflow-x: hidden;
Поделиться95802.12.20 19:51
- Участник
- Уважение: +17
бродяга
Да, вы правы! Я просто тупенький и не туда вставил Теперь все работает как надо, и нет горизонтальной прокрутки. Спасибо!
Теперь остался вопрос с таблицей.
Поделиться95903.12.20 14:43
- технозомби
- Уважение: +9804
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
ёжик в тумане написал(а):
1. Таблица из объявления: на главной странице от лица пользователя выглядит относительно ровно, так, как хотелось бы, но при переключении во вкладку участников или в любую другую или при выходе с форума все сдвигается влево и немного вверх.
я вот в упор сдвига не вижу даже на скринах...
поставь-ка плз в скрипт пиар-входа ник и пароль.
ёжик в тумане написал(а):
2. (подобный вопрос видел не так давно, но видимо тупенький и не понял ответ) Когда открываешь форум, все вроде бы выглядит нормально, но внизу есть бегунок и, когда его сдвигаешь, видно, что фон справа больше, чем слева. Предполагаю, что это связанно с размерами шапки и низа (1920) или же margin, однако решил лучше уточнить
да, ты все правильно понял - прокрутка связана как раз с этим. все потому, что штуки размером в 1920 должны пихаться куда-нибудь на фон, чтоб они там могли "обрезаться" экраном. а когда мы пихаем такие вещи в контейнер, который предназначен для контента, будут прокрутки.
как ее убрать, уже @бродяга подсказал, но если есть желание, то лучше помаяться и переверстать:
body {
background: url(сюда верхний фон) no-repeat top center, url(сюда нижний фон) no-repeat bottom center, url(сюда текстурку);
}
и, кстати, все фоны надо попробовать сделать в jpg - так они меньше весят.
после этого надо будет сделать так, чтоб "тело" не наезжало на низ и верх.
Фон "туловища" засунь не в #pun, а в .punbb:
.punbb {
float: center;
height: auto;
width: 98%;
background-image: url("https://forumstatic.ru/files/000d/31/c1/53420.png");
}
красное - удали, это ошибка
а вот в #pun сделай оступы:
#pun {
margin: auto;
width: 913px;
padding: 200px 0 300px;
}
красное - отступ "тела" от шапки
синее - отступ "тела" от низа
Поделиться96003.12.20 15:07
- Участник
- Уважение: +17
Герда написал(а):
я вот в упор сдвига не вижу даже на скринах...
поставь-ка плз в скрипт пиар-входа ник и пароль.
Здравствуйте!
Ник: Рита Скитер
Пароль: сенсация
Обратите, пожалуйста, внимание на первый столбик и второй в пункте новости, спасибо.
Отредактировано ёжик в тумане (03.12.20 15:08)
