Единый форум поддержки

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » Единый форум поддержки » Проблемы с форумом » Проблема с отображением дизайна. Расхождение пикселей.


Проблема с отображением дизайна. Расхождение пикселей.

Сообщений 1 страница 18 из 18

1

Адрес форума:
https://thesealofgod.artbb.me/
Проблема:
Залитые части дизайна одинаковые по ширине расходятся на 1-3 пикселя. Ладно если бы это происходило с обеих сторон, и слева, и справа. Но так происходит только с одной стороной и всегда по-разному оо
Расстояние казалось бы небольшое, но иногда врезается.
При масштабировании на 90% проблема уходит. Только тогда уезжают категории х)

Скрин +

https://forumupload.ru/uploads/0000/14/1c/33525/574065.jpg

Отредактировано Kathrine (Сб, 12 Фев 2022 18:34:32)

0

2

Kathrine
Попробуйте заменить код в HTML низ на такой:

<script type="text/javascript"><!--Своя картинка в каждую категорию -->
$(document).ready(function(){
myarray=new Array(
"АМС", "https://forumstatic.ru/files/001a/9e/89/24015.png",
"Книга таинств", "https://forumstatic.ru/files/001a/9e/89/75049.png",
"Организация", "https://forumstatic.ru/files/001a/9e/89/24032.png",
"Сюжетный раздел", "https://forumstatic.ru/files/001a/9e/89/72335.png",
"Альтернатива", "https://forumstatic.ru/files/001a/9e/89/16615.png",
"Флуд", "https://forumstatic.ru/files/001a/9e/89/27083.png",
"Реклама", "https://forumstatic.ru/files/001a/9e/89/55541.png",
"Архив", "https://forumstatic.ru/files/001a/9e/89/25140.png",
"Статистика форума", "https://forumstatic.ru/files/001a/9e/89/79176.png" //Последний элемент без запятой! 
)
        $("#pun-index div.category h2,#pun-index #pun-stats h2").each(function (i) {
for(q=0;q<myarray.length;q++){
var cssObj = {
  "height":"140px",
  "width":"950px",
  "margin-left":"-61px",
  "background-color": "transparent",
  "background-image":"url("+myarray[q+1]+")",
  "background-position":"0 50%",
  "background-repeat":"no-repeat"     //Последний элемент без запятой!
}
        if($(this).children("span").text()==myarray[q])$(this).css(cssObj);
        q++}
    });
});
</script>

+1

3

Deff
Не помогло, наоборот категории съехали еще больше(
А скрин я скинула это шапка с телом форума разъезжается.
Может это от браузеров?

+1

4

Kathrine
Ну покрутите цифру -61px в ту или иную сторону
У меня в Хроме чичас норма... https://forumupload.ru/uploads/0000/14/ … 218660.png

Отредактировано Deff (Сб, 12 Фев 2022 21:59:58)

0

5

Deff
Крутила. Уезжает)

-61

https://forumupload.ru/uploads/0000/14/1c/33525/271506.jpg

-62

https://forumupload.ru/uploads/0000/14/1c/33525/329859.jpg

-60

https://forumupload.ru/uploads/0000/14/1c/33525/624259.jpg

0

6

Kathrine
Ну вроде победил!!!  :cool:

1. Найдите в первом окне стиля и поменяйте значение на красное:

/* CS1.0B Настройки "тела" форума*/
#pun {background: url("https://forumstatic.ru/files/001a/9e/89/35442.png") repeat-y scroll -8px 0;}

2-е В скрипте поставьте  -59px

0

7

Ну да, поправьте и для шапки

/* CS1.0D Настройки шапки*/
#pun-title.section {
  background: transparent url("https://forumstatic.ru/files/001a/9e/89/78843.png") 16px 0 scroll no-repeat;
  height: 600px;
  width: 1000px;
  margin-top: -1px;
  margin-left: -75px;}

Отредактировано Deff (Сб, 12 Фев 2022 22:37:51)

0

8

Deff
При масштабе в 90% все огонь встает)
А для стандартного масштаба в 100% можно как-то сделать?

0

9

Kathrine
Ни наю, у меня чичас в трех браузерах норма(при любом масштабе), кроме шапки... (см выше про шапку

0

10

Deff
Шапку исправила. У меня неправильный  браузер :D

0

11

Kathrine
сделайте скриншот, укажите браузер...

Из-за чего было предыдущее - у вас фоновые шире элемента вставки(нун было делать под обрез) и на #pun и на h2 в категориях - браузеры центрируют по разному, чичас мы сделали без центровки...

Что может ещё делать доп. подвижки - ну ток где-то border у Вас проскакивает (у меня вроде слево-справо border(ы) нулевые в инспекторе

0

12

ACT3255 У тебя название категорий совмещены с узором полотна ? https://thesealofgod.artbb.me/

0

13

Deff написал(а):

ACT3255 У тебя название категорий совмещены с узором полотна ? https://thesealofgod.artbb.me/

https://forumupload.ru/uploads/0000/14/1c/32894/t482012.png
ЯБ и Эдж.

Слева норм, справа косяк.

Отредактировано ACT3255 (Сб, 12 Фев 2022 23:04:57)

+1

14

Deff
https://forumupload.ru/uploads/0000/14/1c/33525/t307697.jpg
Хром

Отредактировано Kathrine (Сб, 12 Фев 2022 23:16:08)

0

15

ACT3255 написал(а):

Слева норм, справа косяк.

Kathrine написал(а):

Хром

Ну зачит у тьву таки либо фоновая нa #pun https://forumstatic.ru/files/001a/9e/89/35442.png на полпикселя меньше, либо фоновые для категорий https://forumstatic.ru/files/001a/9e/89/27083.png на полпикселя больше,
Пробуй совместить их в ФШ (мне кажется скорее всего на #pun

Отредактировано Deff (Сб, 12 Фев 2022 23:25:32)

0

16

Deff
Это я уже тоже проверяла хд Они одинаковые, создавались из одного псд

Самое забавное, что было все нормально, а потом в какой-то момент все поехало  и я не поняла из-за чего оо

Ладно, буду искать в первом окне, может накосячила где х)

Спасибо

Отредактировано Kathrine (Сб, 12 Фев 2022 23:49:28)

0

17

Kathrine
В принципе есть какое-то правило авторастяжения по блоку(оно может портить)...
Спросите тут => http://forumd.ru/viewtopic.php?id=6452 (По идее Сатсана должна знать) Ну или возможно Шиповник на Лиле

Отредактировано Deff (Вс, 13 Фев 2022 00:00:51)

0

18

Deff
Благодарю за помощь)

+1


Вы здесь » Единый форум поддержки » Проблемы с форумом » Проблема с отображением дизайна. Расхождение пикселей.