A
А в лс можно ответить?
Size: a a a
2021 September 03
ЖЕ
Всем здравствуйте ребята
Подскажите пожалуйста
Отправляю данные по форме на модальном окне все нормально работает.
После этого хочу вывести сообщение что ваши данные приняты.Через innerHtml js добавил нужные классы вроде работает. Но крестик закрытие не работает,как я понял обработчик события addEventListener вообще не знает о нем ? Как можно грамотно это сделать?
Могу скинуть ссылку на гитхаб?
Спасибо
Подскажите пожалуйста
Отправляю данные по форме на модальном окне все нормально работает.
После этого хочу вывести сообщение что ваши данные приняты.Через innerHtml js добавил нужные классы вроде работает. Но крестик закрытие не работает,как я понял обработчик события addEventListener вообще не знает о нем ? Как можно грамотно это сделать?
Могу скинуть ссылку на гитхаб?
Спасибо
Е
innerHtml рендерит и этот крестик?))
Е
Есть подозрение, что ты обработчик события на этот крестик пытаешься повесить еще до того как этот крестик появляется в dom
2021 September 04
К
Как исправить ошибку с js (gulp)?
К
ЖЕ
Спасибо большое разобрался
Через event target условие все сработало
Через event target условие все сработало
К
Ошибка из-за plugin rigger.
J
J
спасибо большое!
2021 September 05
N
Ребята здоров
Помогите пожалуйста
Почему картинка ширине не 100%
Мне нужно чтобы картинка было ширине 100% .
Помогите пожалуйста
Почему картинка ширине не 100%
Мне нужно чтобы картинка было ширине 100% .
N
body {
margin: 0;
font-size: 18px;
background-color: #fff;
color: white;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
p {
padding: 0;
margin: 0 0 10px 5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
/* Img */
.img {
display: block;
max-width: 100%;
height: auto;
}
/* Container */
.container {
width: 100%;
max-width: 1920px;
margin: 0 auto;
padding: 0 15px;
}
.header {
background-color: rgba(0, 0, 0, 0.2);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
width: 100%;
}
.header__inner {
height: 85px;
display: flex;
justify-content: space-between;
align-items: center;
}
/* Nav */
.nav {
display: flex;
font-size: 18px;
height: 100%;
}
.nav__link {
color: white;
text-decoration: none;
display: flex;
align-items: center;
padding: 0 10px;
text-transform: uppercase;
}
.nav__link:hover {
text-decoration: underline;
}
/* Intro */
.intro {
margin-bottom: 30px;
height: 740px;
position: relative;
overflow: hidden;
}
.intro__slider {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
margin: 0;
font-size: 18px;
background-color: #fff;
color: white;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
p {
padding: 0;
margin: 0 0 10px 5px;
}
h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0;
padding: 0;
}
/* Img */
.img {
display: block;
max-width: 100%;
height: auto;
}
/* Container */
.container {
width: 100%;
max-width: 1920px;
margin: 0 auto;
padding: 0 15px;
}
.header {
background-color: rgba(0, 0, 0, 0.2);
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
width: 100%;
}
.header__inner {
height: 85px;
display: flex;
justify-content: space-between;
align-items: center;
}
/* Nav */
.nav {
display: flex;
font-size: 18px;
height: 100%;
}
.nav__link {
color: white;
text-decoration: none;
display: flex;
align-items: center;
padding: 0 10px;
text-transform: uppercase;
}
.nav__link:hover {
text-decoration: underline;
}
/* Intro */
.intro {
margin-bottom: 30px;
height: 740px;
position: relative;
overflow: hidden;
}
.intro__slider {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
N
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<title>Templates</title>
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<div class="header__inner">
<a href="#">
<img class="img" src="assets/image/logo.svg" alt="">
</a>
<nav class="nav">
<a class="nav__link" href="#">About us</a>
<a class="nav__link" href="#">Team</a>
<a class="nav__link" href="#">Contacts</a>
<a class="nav__link" href="#">Phone</a>
</nav>
</div>
</div>
</header>
<!-- Intro -->
<div class="intro">
<div class="intro__slider">
<img class="intro__slider-photo" src="assets/image/page.jpg" alt="">
</div>
<div class="container">
</div>
</div>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/css/style.css">
<title>Templates</title>
</head>
<body>
<!-- Header -->
<header class="header">
<div class="container">
<div class="header__inner">
<a href="#">
<img class="img" src="assets/image/logo.svg" alt="">
</a>
<nav class="nav">
<a class="nav__link" href="#">About us</a>
<a class="nav__link" href="#">Team</a>
<a class="nav__link" href="#">Contacts</a>
<a class="nav__link" href="#">Phone</a>
</nav>
</div>
</div>
</header>
<!-- Intro -->
<div class="intro">
<div class="intro__slider">
<img class="intro__slider-photo" src="assets/image/page.jpg" alt="">
</div>
<div class="container">
</div>
</div>
</body>
</html>
К
/* Img */
.img {
display: block;
max-width: 100%;
height: auto;
}
вместо max-width, нужно указать width: 100%. Если вы используете max-width для картинки, то вам нужно указать явно размер картинки (width)
.img {
display: block;
max-width: 100%;
height: auto;
}
вместо max-width, нужно указать width: 100%. Если вы используете max-width для картинки, то вам нужно указать явно размер картинки (width)
К
Как удалить snippets из vscode?