Size: a a a

CSS — русскоговорящее сообщество

2020 May 25

Н

Никита in CSS — русскоговорящее сообщество
Привет!

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

При нажатии на кнопку - 2 = открывалось 2ое модальное окно?
Помогите, пожалуйста

CodePen:

https://codepen.io/nikita-lukoschenko/pen/vYNMGPX
источник

Оу

Он всё ещё учит php... in CSS — русскоговорящее сообщество
Всем привет! есть блок внутри блока, если к дочернему блоку добавляю line-height: 20px; то он делается больше родительского, как сделать чтобы и на ёлку влезть и дочерний блок расширял родительский а не вылезал за его пределы используя данное свойство?
источник

Оу

Он всё ещё учит php... in CSS — русскоговорящее сообщество
А! всё вопрос решился
источник

RS

Roman Solodukhin in CSS — русскоговорящее сообщество
Никита
Привет!

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

При нажатии на кнопку - 2 = открывалось 2ое модальное окно?
Помогите, пожалуйста

CodePen:

https://codepen.io/nikita-lukoschenko/pen/vYNMGPX
По id модалку ищи в функции openModal
источник

AD

Anatoly D in CSS — русскоговорящее сообщество
На iPhone в мобильном браузере Safari строка не переносится, а выходит за пределы экрана. В хроме и на андроиде все норм? Подскажите в какую сторону погуглить? Может быть есть какие-то нестандартные css свойства для iPhone или вендорные префиксы о которых я не знаю.
источник

Я

Ярик in CSS — русскоговорящее сообщество
Anatoly D
На iPhone в мобильном браузере Safari строка не переносится, а выходит за пределы экрана. В хроме и на андроиде все норм? Подскажите в какую сторону погуглить? Может быть есть какие-то нестандартные css свойства для iPhone или вендорные префиксы о которых я не знаю.
На любом айфоне?
источник

AD

Anatoly D in CSS — русскоговорящее сообщество
Ярик
На любом айфоне?
на iPhone 8 и выше
источник

IN

Igor N in CSS — русскоговорящее сообщество
источник

IN

Igor N in CSS — русскоговорящее сообщество
мб это
источник

AD

Anatoly D in CSS — русскоговорящее сообщество
Спасибо, сейчас почитаю
источник

Н

Никита in CSS — русскоговорящее сообщество
Roman Solodukhin
По id модалку ищи в функции openModal
а если подробнее, пожалуйста?)
источник

RS

Roman Solodukhin in CSS — русскоговорящее сообщество
Никита
а если подробнее, пожалуйста?)
let modal = document.getElementById("modal"); //это переменная с модальным окном 1
let modalBtn = document.getElementById("modalBtn"); //это переменная с кнопкой, которая открывает модальное окно 1
modalBtn.addEventListener("click", openModal); //обработка события клика по кнопке 1, вторым аргументом передаётся функция, открывающая модальное окно 1
function openModal() {
 modal.style.display = "block"; //тут, как видно, указана переменная с модальным окном 1
}

По аналогии можно сделать так и для модального окна 2. У вас в html файла id="modal-2"
источник

RS

Roman Solodukhin in CSS — русскоговорящее сообщество
let modal2 = document.getElementById("modal-2");
let modalBtn2 = document.getElementById("modalBtn-2");
modalBtn2.addEventListener("click", openModal2);
function openModal2() {
 modal2.style.display = "block";
}
источник

RS

Roman Solodukhin in CSS — русскоговорящее сообщество
Что-то такое получится
источник

RS

Roman Solodukhin in CSS — русскоговорящее сообщество
Вообще я бы изучал для начала работу с dom
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
идите в жс нубс пожалуйста
источник

RS

Roman Solodukhin in CSS — русскоговорящее сообщество
Коду, который вы привели, требуется рефакторинг
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
наизусть название чата не помню
источник

АБ

Александр Бакиматов... in CSS — русскоговорящее сообщество
источник

T

Tim in CSS — русскоговорящее сообщество
Абдул
Что-то простое, я в этих флэксах путаюсь, фиг пойми чем эти свойства друг от друга отличаются
Это твои проблемы, а не флекса
источник