18+
Важно! |
Реклама |
---|---|
• Форум может быть недоступен у некоторых российских провайдеров. Подробности и инструкция. • Пожалуйста, заполняйте темы в соответствии с правилами каталога. Победители конкурса рекламных шаблонов: ![]() ![]() |
логин: Агитатор, пароль: 0000 или кнопка "PR-вход" в форме входа. |
Скорая помощь
-
Вергилий
- Администратор
- Сообщения: 884
- Зарегистрирован: 03 апр 2015, 17:11
- Награды: 1
- Репутация: 179
- Статус: Не в сети
Скорая помощь
Проблемы с дизайном и всевозможные глюки. Спрашиваем друг у друга, помогаем, советуемся.
Скорая помощь
http://rains.rusff.ru/
Говорят, что в Опере чуть-чуть съезжают заголовки категорий и футер.
У некоторых то же самое в Хроме, но у меня в Хроме все в порядке.
В Мозилле все отлично.
Не могу разобраться, в чем проблема и как исправить(
Говорят, что в Опере чуть-чуть съезжают заголовки категорий и футер.
У некоторых то же самое в Хроме, но у меня в Хроме все в порядке.
В Мозилле все отлично.
Не могу разобраться, в чем проблема и как исправить(
- Механикъ
- Администратор
- Сообщения: 770
- Зарегистрирован: 04 апр 2015, 00:23
- Репутация: 77
- Статус: Не в сети
Скорая помощь
Llyn, съезжает в Мозилле (последняя).

Полагаю, что причина в позиционировании блока
Можно было бы избежать этого, если ставить бэграунд в блок
Придётся помучиться с отступами.

Полагаю, что причина в позиционировании блока
#pun-category1.category h2
и аналогичных.Можно было бы избежать этого, если ставить бэграунд в блок
#pun-category1
и т.д., а внутренние заголовки h2
не делать шире родительского блока.Придётся помучиться с отступами.
>> НОВЫЙ ДИЗАЙН: вопросы и ошибки << {nickname} мне друг, но истина дороже. | ![]() |
Скорая помощь
Механикъ, спасибо большое, буду пробовать.
У меня в Опере еще и футер и шапка сползают, та же проблема?
А какой для него в данном случае родительский блок будет?
У меня в Опере еще и футер и шапка сползают, та же проблема?
- Всевидящее
- Сообщения: 40
- Зарегистрирован: 05 июн 2015, 12:38
- Репутация: 3
- Статус: Не в сети
Скорая помощь
А на каком разрешении? У меня на разрешении 1600х900 всё отлично.
Ах да, если помасштабировать, то в некоторых вариантах слезает шапка, да. С категориями всё хорошо.
Для h2 будет родителем div с class='category'.
Можно попробовать было позиционирование margin: 0 auto с абсолютным позиционированием и left/right на половину блока. В том случае, если ширина тела форума фиксирована.
Наблюдение стороннее: то, что табличка с описанием АМС и контактами убирается как увести мышку с ссылки - просто издевательство. Представляете, кто-то будет перепечатывать таким образом скайп? Если это сделано не намерено, то конверсия от такой штуки - нулевая. Все предпочитают копи-пасте.

- Механикъ
- Администратор
- Сообщения: 770
- Зарегистрирован: 04 апр 2015, 00:23
- Репутация: 77
- Статус: Не в сети
Скорая помощь
Лучше бы разъяснить.
margin: 0 auto
работает для position: relative
, а для абсолютного подходит другой способ.Пример центрирования элемента для некоего блока
#pun
шириной 900px:
Код: Выделить всё
#pun {position: absolute; left: 50%; margin-left: -450px;}
>> НОВЫЙ ДИЗАЙН: вопросы и ошибки << {nickname} мне друг, но истина дороже. | ![]() |
Скорая помощь
1366х768
У меня при масштабировании в Мозилле и Хроме ничего не съезжает при этом
А она разве бывает не фиксирована? Или в смысле, это как-то прописано в коде?
Да, я знаю, пока не могу что-то найти нормально работающий скрипт, который бы не убирался, но переделано это будет
Соответственно, если ширина у заголовка у меня 1000рх, то будет
Код: Выделить всё
#pun .category {position: absolute; left: 50%; margin-left: -500px;}
АПД.
Попробовала, весь дизайн съезжает.
Если прописать, как говорит Всевидящий, то это работает в Мозилле и Хроме, в Опере у меня все равно едет на пиксель.
- Механикъ
- Администратор
- Сообщения: 770
- Зарегистрирован: 04 апр 2015, 00:23
- Репутация: 77
- Статус: Не в сети
Скорая помощь
Если ширина форума указана в процентах (от ширины окна), то она не фиксирована, естественно.
Но у вас она фиксирована и равняется 1232px.
Но! Абсолютное позиционирование подходит не всем блокам. Для таких блоков, которые имеют постоянное положение на странице и не зависят от окружающего контента, оно подходит (например,
#pun_wrap
). Большинство остальных блоков, в том числе заголовки категорий, зависят от количества контента вверху. Их положение в окне не постоянное. Им не подходит абсолютное позиционирование.В вашем случае правок слишком много. Фоны не там стоят, контейнеры позиционированы как придётся, отступы - как придётся, и т.д. Весь код на подпорках. Поэтому начать надо именно с позиционирования элементов.
И фоны лучше распихать по родительским блокам с помощью, например, css3 с его возможностью накладывать несколько бэкграундов. Так что фон шапки у вас будет не в блоке
#pun-navlinks .container
, а в блоке #pun
.А дальше заново регулировать все размеры и отступы.
В общем, код надо по уму пересобрать. И когда разберетесь с самими основными блоками (body, #pun_wrap, #pun), вот тогда уже можно приступать к выравниванию
h2
. Не раньше. А то и без них косяков хватает.>> НОВЫЙ ДИЗАЙН: вопросы и ошибки << {nickname} мне друг, но истина дороже. | ![]() |
Скорая помощь
Знаю(
Но это мой третий дизайн по счету (типа оправдалась), ксс я изучала сама и, конечно, многого не знаю. Я уже поняла, что проблема где-то выше.
Будет разбираться и совершенствоваться.
Скорая помощь
Здравствуйте.
http://zerkalnoeozero.f-rpg.ru/
Никак не получается изменить размер столбцов форума. Они всегда делят место поровну (50/50, 25/25/25/25), задаваемые значения игнорируют, что в процентах, что в пикселях. Подозреваю, что проблема где-то в другом месте, ведь другие свойства для них работают, но где именно... В силу своей неопытности и незнания найти проблему не получается. Буду весьма признательна, если кто-нибудь сможет объяснить в каком месте ошибка.
http://zerkalnoeozero.f-rpg.ru/
Никак не получается изменить размер столбцов форума. Они всегда делят место поровну (50/50, 25/25/25/25), задаваемые значения игнорируют, что в процентах, что в пикселях. Подозреваю, что проблема где-то в другом месте, ведь другие свойства для них работают, но где именно... В силу своей неопытности и незнания найти проблему не получается. Буду весьма признательна, если кто-нибудь сможет объяснить в каком месте ошибка.
- Всевидящее
- Сообщения: 40
- Зарегистрирован: 05 июн 2015, 12:38
- Репутация: 3
- Статус: Не в сети
Скорая помощь
Попробуйте использовать !important - эта приписка добавляет приоритет в использовании свойств. Например, width: 10% !important;
А так - очевидно, что из-за мультиклассов. На колонках есть три класса .main и .tcX - вот как раз последний отвечает за саму колонку (.tcl - за левую, .tcr - за правую, а .tc3 кажется за среднюю (счетчик сообщений).
Что-то им мешает сверху изменять ширину. Можно порыскать в .main и в самом tbody, td, т.е. основных элементах.
А так - очевидно, что из-за мультиклассов. На колонках есть три класса .main и .tcX - вот как раз последний отвечает за саму колонку (.tcl - за левую, .tcr - за правую, а .tc3 кажется за среднюю (счетчик сообщений).
Что-то им мешает сверху изменять ширину. Можно порыскать в .main и в самом tbody, td, т.е. основных элементах.
- Механикъ
- Администратор
- Сообщения: 770
- Зарегистрирован: 04 апр 2015, 00:23
- Репутация: 77
- Статус: Не в сети
Скорая помощь
Yoko, ошибок в коде много:
Бэкграунды, конечно, не могли на это повлиять, а вот необъявленные селекторы - вполне.
Всевидящее,
СпойлерПоказать
Код: Выделить всё
/* A2.2 */
.punbb * {
margin: 0
color: black;
Код: Выделить всё
/* D7.1 */
#pun-stats .container {
padding: 0.8em 1em
background: transparent;
Код: Выделить всё
/*#pun .tcl {
width: 50%;
font-size: 14px;
font-family: Palatino Linotype;
}*/
/*#pun .tc2 {
text-align: center;
width: 10%;
/*display: none;*/
}*/
/*#pun .tc3 {
/*display: none;*/
text-align: center;
width: 10%;
}*/
/*#pun .tcr {
text-align: right;
width: 30%;
}*/
Код: Выделить всё
/*Ñòðîêà îíëàéí-ñòàòóñà*/
border-left: medium none;
border-top: 1px solid black;
color: black;
font-size: 11px;
padding: 0;
}
Код: Выделить всё
/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend {
background: tranparent;
Всевидящее,
!important
тут не поможет. Посмотрите сами в браузере.>> НОВЫЙ ДИЗАЙН: вопросы и ошибки << {nickname} мне друг, но истина дороже. | ![]() |
Скорая помощь
Всевидящее, приоритет пробовала, результата нет.
Механикъ, если Вы про закоменченные #pun .tcl и прочее, то их наличие тоже ничем не помогало. Если нет, то я, к сожалению, не поняла Вас.
Сложно что-то искать, когда не понимаешь что к чему относится и на что влияет. Методом научного тыка выяснила, что дело было в .punbb .main table , а точнее в его свойстве table-layout: fixed;. Пока я его только закоментила, но что-то подсказывает, что лучше оставить и выставить нужное значение. Надеюсь, метод подбора подойдет для решения.
Может кто-нибудь знает сайт, где доступно-популярно описаны селекторы (за что отвечают, на что влияют)?
Механикъ, если Вы про закоменченные #pun .tcl и прочее, то их наличие тоже ничем не помогало. Если нет, то я, к сожалению, не поняла Вас.
Сложно что-то искать, когда не понимаешь что к чему относится и на что влияет. Методом научного тыка выяснила, что дело было в .punbb .main table , а точнее в его свойстве table-layout: fixed;. Пока я его только закоментила, но что-то подсказывает, что лучше оставить и выставить нужное значение. Надеюсь, метод подбора подойдет для решения.
Может кто-нибудь знает сайт, где доступно-популярно описаны селекторы (за что отвечают, на что влияют)?
- Механикъ
- Администратор
- Сообщения: 770
- Зарегистрирован: 04 апр 2015, 00:23
- Репутация: 77
- Статус: Не в сети
Скорая помощь
Yoko, закомменчено неправильно:
Из-за
Уберите комментарии с
Если уберёте
Подробнее про
Хороший справочник по css.
СпойлерПоказать
Код: Выделить всё
/*#pun .tcl {
width: 50%;
font-size: 14px;
font-family: Palatino Linotype;
}*/
/*#pun .tc2 {
text-align: center;
width: 10%;
/*display: none;*/
}*/
/*#pun .tc3 {
/*display: none;*/
text-align: center;
width: 10%;
}*/
/*#pun .tcr {
text-align: right;
width: 30%;
}*/
/*display: none;*/
закрытие комментария завершается не там, где вы планируете.Уберите комментарии с
display: none;
, если уж закомменчиваете кусок кода, делайте это целиком:
СпойлерПоказать
Код: Выделить всё
/*#pun .tcl {
width: 50%;
font-size: 14px;
font-family: Palatino Linotype;
}
#pun .tc2 {
text-align: center;
width: 10%;
display: none;
}
#pun .tc3 {
display: none;
text-align: center;
width: 10%;
}
#pun .tcr {
text-align: right;
width: 30%;
}*/
table-layout
только с таблицы класса .main
, то изменится только главная таблица. Все остальные таблицы на других страницах это не затронет.Подробнее про
table-layout
можно почитать тут: http://htmlbook.ru/css/table-layoutХороший справочник по css.
>> НОВЫЙ ДИЗАЙН: вопросы и ошибки << {nickname} мне друг, но истина дороже. | ![]() |
Скорая помощь
Механикъ,
Планирую вообще этот кусок выпилить, т.к. для меня его наличие илиотсутствие ничего не меняет.
За ссылку спасибо.
Вот этого не знала. Думала, что закроет ближайшую открытую...
Планирую вообще этот кусок выпилить, т.к. для меня его наличие илиотсутствие ничего не меняет.
Проверила на внутренних форумах - тоже, что и на главной. Ммм, есть подозрение, что закоменченный кусок как раз за внутренние таблицы и отвечает. Но это не объясняет того, почему правленое не должно затрагивать внутренние таблицы, они ведь явно наследуют всё от главной, или я ошибаюсь?
За ссылку спасибо.
- Механикъ
- Администратор
- Сообщения: 770
- Зарегистрирован: 04 апр 2015, 00:23
- Репутация: 77
- Статус: Не в сети
Скорая помощь
[ref]Yoko[/ref], то, что вы пропишете в классе .main, затронет все таблицы только с этим классом (это таблица на главной и похожая таблица в поиске). Никаких других таблиц (в постах, например) это не затронет. Я так понял, вы хотите уменьшить ширину .tc2 и .tc3? Именно так оно и делается.
Если же хотите править одну-единствнную таблицу на главной странице и аналогичные не трогать, то укажите селектор родительского блока главной страницы. Кажется, это #pun-main, не имею сейчас возможности посмотреть. Найти его можно, открыв, например, главную страницу и страницу какой-нибудь темы, и воспользоваться в браузере инструментом инспектирования элементов (просмотр элементов в хроме, инспектор - в мозилле). Внимательно посмотрите, чем отличается структура этих двух страниц. У них будут одинаковые body, .punbb, а чуть ниже начнутся отличия в классах или по id. Самый первый блок с таким отличием укажет вам, что писать в селекторе.
Если же хотите править одну-единствнную таблицу на главной странице и аналогичные не трогать, то укажите селектор родительского блока главной страницы. Кажется, это #pun-main, не имею сейчас возможности посмотреть. Найти его можно, открыв, например, главную страницу и страницу какой-нибудь темы, и воспользоваться в браузере инструментом инспектирования элементов (просмотр элементов в хроме, инспектор - в мозилле). Внимательно посмотрите, чем отличается структура этих двух страниц. У них будут одинаковые body, .punbb, а чуть ниже начнутся отличия в классах или по id. Самый первый блок с таким отличием укажет вам, что писать в селекторе.
>> НОВЫЙ ДИЗАЙН: вопросы и ошибки << {nickname} мне друг, но истина дороже. | ![]() |
Скорая помощь
Yoko, вот так вот это выглядеть должно, у меня сработало
.punbb .main .tcХ (Х - номер колонки)
И там уже можно каждую колонку оформить так, как надо. Ширину задать в том числе, но лучше в процентах. При этом да, остальные таблицы на форуме это не затронет.
Скорая помощь
Хочется спрашивать и спрашивать, поэтому просто говорю: "Спасибо!" и отстаю.
Скорая помощь
Ребят, кто справится первым - посоветуйте, пожалуйста, как убрать иконки стран в сточке ника в профилях участников.
Очень хочется отпилить эту "фичу".
все. не надо - сама нашла в настройках и выпилила.
Очень хочется отпилить эту "фичу".
все. не надо - сама нашла в настройках и выпилила.
— Воздушная девочка?
— Комнатный торнадо!
— Комнатный торнадо!
Скорая помощь
Доброго времени.
Я снова с траблами:
Человек жалуется, что с последней моззилы вот такая беда с табличкой выскакиевает.
http://s13.postimg.org/p7kxphg6v/rift_screen.png
Грешим на адблок, которым сами не пользуемся и на моззилу, собственно (ибо на хроме сидим), но если косяк вылезает, значит, его надо править - подскажите, хотя бы, где в коде смотреть
Я снова с траблами:
Человек жалуется, что с последней моззилы вот такая беда с табличкой выскакиевает.
http://s13.postimg.org/p7kxphg6v/rift_screen.png
Грешим на адблок, которым сами не пользуемся и на моззилу, собственно (ибо на хроме сидим), но если косяк вылезает, значит, его надо править - подскажите, хотя бы, где в коде смотреть
— Воздушная девочка?
— Комнатный торнадо!
— Комнатный торнадо!
Кто сейчас на конференции
Сейчас этот форум просматривают: нет зарегистрированных пользователей и 0 гостей