Перестал восприниматься id в CSS. Как сделать чтоб всё заработало?

Question

Vzun @Vzun

HTML
CSS

Перестал восприниматься id в CSS. Как сделать чтоб всё заработало?

Доброго дня всем.

Случилось непостижимое. Всё работало до сегодняшнего момента. В браузере перестал отображаться стиль под определённым идентификатором и даже в инструментах разработки, если навести мышкой на блок , то его id не определяется.
Прогнал html и css через валидаторы, ошибок (критических) нет.
Что могло произойти?

<section id="ceni">
<h3>Супер заголовок</h3>
<p>супер текст</p>
</section>

#ceni {background:url("../images/moneti.png") 885px 25px no-repeat,
			#1C1C1C;
			background-size:220px,1150px;
			width:1150px;
			margin:0 auto;
			overflow:hidden;
			padding:0 0 15px 0}

Вопрос задан более трёх лет назад
768 просмотров

8 комментариев

Подписаться Простой 8 комментариев

Дмитрий @thewind

Для свойств background запятые везде надо убрать

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Дмитрий, для свойств background запятые необходимы после каждого фонового изображения
В саойстве background оставил только цвет. Браузер вообще не видит ID блока section

Написано более трёх лет назад
alex @potapchino

Vzun, jsfiddle в студию.

А вообще проблема может быть в том что у вас С или Е буквы из кириллицы, а не из латиницы

Написано более трёх лет назад
Moskus @Moskus

Вы, случайно, не пользуетесь punto switcher или аналогичной хренью, от которой получается смесь латиницы и кириллицы? У вас там "c" или "i" неправильных не завалялось?

Написано более трёх лет назад
DanKud @DanKud

Браузер вам как-бы намекает, что пора уходить от использования id и использовать классы ;)
Пробовали в других то браузерах проверить? Проблема в коде или в браузере все-таки?

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

DanKud, тут страху столько по поводу id нагоняют, но ничего пошлого в этом не вижу, мне иногда удобно использовать именно id)
проблема во всех браузерах

Написано более трёх лет назад
Vzun @Vzun Автор вопроса
короче всё решилось, добавлением перед
было так
<body id="one"> <section id="ceni"> <h3>Супер заголовок</h3> <p>супер текст</p> </section> </body>

сделал так
#one #ceni {тра та та}

Но мистицизм сохраняется, потому что всё работало и без этих незначительных манипуляций на главной и на остальных страницах, а потом вдруг раз и перестало.

Всех благодарю за поддержку, всем добра)
Написано более трёх лет назад
Ankhena @Ankhena Куратор тега CSS
Vzun, ссылку на проблему покажите.
Нужно проверять ошибки в остальных местах.

1. Не используйте для стилизации id

2. Цвет фона в bg логичнее пишется перед последним фоном. Поскольку он у вас один, то так:
background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat / 220px;
Написано более трёх лет назад

Пригласить эксперта

Ответы на вопрос 1

34 комментария

Виталий Киренков @DeLaVega

Возможно даже так сработает

#ceni {
      background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat / 220px 1150px;
      width: 1150px;
      margin: 0 auto;
      overflow: hidden;
      padding: 0 0 15px 0;
}

Написано более трёх лет назад

alex @potapchino

Виталий Киренков, Алё, у автора множественный фон, прежде чем советы давать, сами в вопросе разберитесь

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Alex, Алё, посмотри на код в вопросе!

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков, а что с кодом в вопросе? фон действительно множественный.

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Vzun, Множественный фон - это несколько картинок, как правило.

Подробнее можете посмотреть на сайте MDN - https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Vzun, Если же у вас просто фоновый цвет и картинка, то это решается одной строкой, как я написал.

Скиньте скрин дизайна, на всякий случай.

Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Alex, и где там в вопросе множественный фон?

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков, там на заднем плане заливка цветом, а на переднем картинка. ваш код работать не может, мой правильный

Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Vzun, ммм. Ок)) просто нет слов)

Написано более трёх лет назад
Vzun @Vzun Автор вопроса
Тимур Турсунбаев, вы считаете это
background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat / 220px 1150px;

верным?
Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Vzun, а собственно, что в нем не верного? И да это абсолютно верный код.

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Не поленился... И что не работает?!
https://codepen.io/vitaliy_kirenkov/pen/VRPGpb?edi...

Написано более трёх лет назад
Vzun @Vzun Автор вопроса
Vzun, короче всё решилось
было:
<body id="one"> <section id="ceni"> <h3>Супер заголовок</h3> <p>супер текст</p> </section> <body>

#ceni {тра-ьа-та}

стало:

#one #ceni {тра-ьа-та}

Но мистицизм сохраняется, потому что до сегодняшнего момента всё работало и без этих изменений
Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков, не работает то что у вас нет заливки фона цветом #1C1C1C

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Тимур Турсунбаев, да не верный код

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков,
всё не работает, ни цвета, ни картинки

Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Vzun, любо у вас проблемы с браузером, либо вы с Марса) Кроме смеха ваше решение, и спор о неправильности кода, не вызывает)

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Мало того, что стили на ИД, так ещё и через вложенность по ИД. Я пожалуй пойду. Простите, что предложил Вам грамотное решение.

Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Vzun,
хром
сафари

Совет недоучки поразил до глубины души, и теперь я просветлен)

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Тимур Турсунбаев, учитесь пока можете) у меня все браузеры есть, если вы об этом и во всех была одна и та же проблема.
Не могу воспринимать серьёзно как знатока человека поддерживающего правильность данной строки:
background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat / 220px 1150px

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Vzun, Вы хоть бы спецификацию посмотрели, прежде чем кидаться столь оскорбляющими обвинениями.

https://www.w3.org/TR/css-backgrounds-3/#the-background

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков, я не пойму вы шутите чтоли или серьёзно?)

ну не работает)
спецификацию читал и перечитывал)

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков, закрадываются смутные подозрения что надомной зверски стебуться

Написано более трёх лет назад
DanKud @DanKud

Vzun, ваш скриншот с пустым бэкграундом показывает, что у вас явно какая-то проблема с браузером/браузерами. Код на codepen полностью рабочий и отображает заливку и цветом и картинкой :)

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Vzun, Вам второй человек тут скинул скрины, что работает, так же как и у меня. И я на 100% уверен в данном коде. Проверьте его на другом компьютере/коллеги, благо пен пересылается одной ссылкой.

Написано более трёх лет назад
DanKud @DanKud

Написано более трёх лет назад
Виталий Киренков @DeLaVega

Третий... Наверно мы сговорились) Хоть и не знакомы

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

DanKud,
только на хроме отображает,
а на сайте (через хром) такой код не работает, но классический работает.
Каждому пользователю письмо отправлять каким браузером ему пользоваться?)
Нужен способ который будет у всех работать.

Написано более трёх лет назад
Виталий Киренков @DeLaVega

https://codepen.io/vitaliy_kirenkov/pen/VRPGpb?edi...
Сафари, Хром, Мозилла (да, Сафари не хавает через bg-size в одной строке с background, но если разбить, всё ок)

Написано более трёх лет назад
Vzun @Vzun Автор вопроса

Виталий Киренков, ладно) частично признаю свою ошибку, в чём-то вы правы, извините меня если в нашей перепалке чем-то обидел.
Всё. ухожу

Написано более трёх лет назад
DanKud @DanKud

Vzun, https://caniuse.com/#search=CSS3%20Multiple%20back... все браузеры поддерживают корректно. Повторюсь - у вас какая-то проблема именно с браузером в котором некорректно отображаются стили. Посмотрите дополнения, поотключайте их по очереди, может быть какой-нибудь блокировщик рекламы режет фоны или еще что-нибудь.

Написано более трёх лет назад
WapSter @wapster92 Куратор тега CSS

Vzun, так вам по делу ответили. Стоит задуматься, если вам 3 человека говорят, что вы не правы. Отсюда и вывод о вас.

Написано более трёх лет назад
irishmann @irishmann

Написано более трёх лет назад
alex @potapchino
Виталий Киренков, я то посмотрел, в отличие от вас. встану на защиту автора - вы взяли ПРАВИЛЬНЫЙ код автора (пруф - ни одного символа не менял, только урл на картинку), обозвали его КОСЯЧНЫМ и скинули свой код, у которого отвалилось свойство backround, т.к. там синтаксис невалидный (пруф). далее вы походу осознали свою ошибку и исправились в нижеследующем pen'е. но на самом деле в этом пене вы изменили изначальный визуал блока автора(сравните - #foo - код автора, #bar - ваш код из пена). походу вы не различаете разницу между этими двумя записями:
background-size:220px,1150px; background-size:220px 1150px;
+ вы говорите, что не нужно вешать стили на id, не приводя при этом ни одного аргумента в пользу своих слов.

хотя все вышенаписанное, так же как и ваш ответ не имеет никаого смысла и не несет никакой пользы для автора, т..к автор спрашивал совершенно другое. а именно: почему браузер не стилизует блок, не смотря на то, что стили для этого блока прописаны. и при чем тут по-вашему якобы косячно-написанное свойство background мне не понятно.

Тимур Турсунбаев
и где там в вопросе множественный фон?

background:url("../images/moneti.png") 885px 25px no-repeat, #1C1C1C; background-size:220px, 1150px;
ну как бы вот.

Vzun,
признаю свою ошибку
автор не извеняйся перед этими «знатоками» верстки
Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+2 ещё

Простой
Где можно увидеть реализацию такого эффекта при скролле?
- 1 подписчик
- 8 часов назад
- 47 просмотров
2

ответа
PHP

+1 ещё

Простой
Как исправить "Undefined array key «login»,"password" в $_POST?
- 1 подписчик
- 16 часов назад
- 76 просмотров
1

ответ
HTML

+2 ещё

Средний
Почему у меня не отображаются кнопки?
- 1 подписчик
- 20 часов назад
- 85 просмотров
2

ответа
HTML

+1 ещё

Простой
Правильно ли с точки зрения семантики БЭМ я расставляю wrapper'ы и вообще называю дивы?
- 1 подписчик
- вчера
- 82 просмотра
0

ответов
HTML

+1 ещё

Простой
Как установить одну и ту же ширину элементов в разных блоках?
- 1 подписчик
- вчера
- 71 просмотр
1

ответ
HTML

+1 ещё

Простой
Как расположить контент сайта на всю высоту?
- 1 подписчик
- вчера
- 55 просмотров
1

ответ
HTML

+1 ещё

Простой
Паддинг и Маргин ломает длину и ширину, не получается выставить отступы внутри блока?
- 1 подписчик
- вчера
- 60 просмотров
1

ответ
CSS

Простой
Можно ли в CSS сгладить углы при использовании border-radius?
- 1 подписчик
- вчера
- 95 просмотров
1

ответ
CSS

+2 ещё

Простой
Как корректно настроить Gulp + Sass?
- 1 подписчик
- 21 нояб.
- 72 просмотра
2

ответа
HTML

Простой
Почему некорректно отражается текстареа в Osclass evolution?
- 1 подписчик
- 21 нояб.
- 35 просмотров
0

ответов
Показать ещё Загружается…

Fullstack Developer под Wordpress

Future Search

от 90 000 до 150 000 ₽

WordPress-разработчик

div. • Ставрополь

от 50 000 до 120 000 ₽

JavaScript FullStack разработчик

Rocket • Смоленск

от 80 000 до 130 000 ₽

Поправить сайт (мобильная версия) на WordPress

24 нояб. 2024, в 04:16

5000 руб./за проект

Необходимо поменять пароль в WINDOWS

24 нояб. 2024, в 03:11

500 руб./за проект

Требуется консультация по UX-дизайну казино

24 нояб. 2024, в 01:35

5000 руб./за проект

Для свойств background запятые везде надо убрать
Дмитрий, для свойств background запятые необходимы после каждого фонового изображения
В саойстве background оставил только цвет. Браузер вообще не видит ID блока section
Vzun, jsfiddle в студию.

А вообще проблема может быть в том что у вас С или Е буквы из кириллицы, а не из латиницы
Вы, случайно, не пользуетесь punto switcher или аналогичной хренью, от которой получается смесь латиницы и кириллицы? У вас там "c" или "i" неправильных не завалялось?
Браузер вам как-бы намекает, что пора уходить от использования id и использовать классы ;)
Пробовали в других то браузерах проверить? Проблема в коде или в браузере все-таки?
DanKud, тут страху столько по поводу id нагоняют, но ничего пошлого в этом не вижу, мне иногда удобно использовать именно id)
проблема во всех браузерах
короче всё решилось, добавлением перед
было так
<body id="one"> <section id="ceni"> <h3>Супер заголовок</h3> <p>супер текст</p> </section> </body>

сделал так
#one #ceni {тра та та}

Но мистицизм сохраняется, потому что всё работало и без этих незначительных манипуляций на главной и на остальных страницах, а потом вдруг раз и перестало.

Всех благодарю за поддержку, всем добра)
Vzun, ссылку на проблему покажите.
Нужно проверять ошибки в остальных местах.

1. Не используйте для стилизации id

2. Цвет фона в bg логичнее пишется перед последним фоном. Поскольку он у вас один, то так:
background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat / 220px;

Answer 1 · 2019-03-06 22:07:11

1. НИКОГДА!! Не пишите стили на ИД, если можно этого избежать.
2. И второе. Кривой синтаксис

#ceni {
     background: #1C1C1C url("../images/moneti.png") 885px 25px no-repeat;
      background-size: 220px 1150px;
      width: 1150px;
      margin: 0 auto;
      overflow: hidden;
      padding: 0 0 15px 0;
}

Перестал восприниматься id в CSS. Как сделать чтоб всё заработало?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт