HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Не отображается картинка
Здравствуйте, я начал изучать html мой первый язык программирования и я много не понимаю и ещё не знаю. Я столкнулся с проблемой. Хотел я вставить картинку в свой сайт но она просто не отображается на сайте. Я пробовал разные варианты и также не получалось. Пишу код в Brackets. Пожалуйста помогите <img scr="https://bigsp.ru/uploads/position/large_01c6d2f3e6c3430fbb597cac07d746f86dde1a1d.jpg" width="250" height="400" alt="Суши">
0 votes1 answer -
Margin сверху выходит за границу элемента - родителя. Как это можно исправить?
У меня есть элемент-родитель - div белый прямоугольник, внутри него вставляю картинку, прописываю ей margin, с левой стороны оно передвигается нормально, а сверху не хочет.. Если посмотреть через инструмент разработчика, то видно, что margin есть, но оно выходит за границу div - родителя. Не понимаю, в чем проблема..причем проблема не только здесь, но и еще в некоторых местах. С таким сталкиваюсь впервые.
0 votes3 answers -
Увеличение символа мнемоники
Подскажите, пожалуйста, как можно увеличить символ мнемоники в css? Font-size не работает. Спасибо! <div class="sign_left"></div> .sign_left::before { content: "\003C"; display: inline-block; color: rgb(192, 34, 34); }
0 votes2 answers -
Три кусочека (зачёркнуто) слоя фона - градиент, заливка и рисунок. Бывает?
Да, я умею создать проблему на ровном месте. В данном случае требуется создать шаблон для объявления, состоящий из двухцветной рамки, белого поля для текста и логотипа в его правом нижнем углу (См.пример). Первое, что приходит на ум - создать DIV с фоном - первый уровень заливки с градиентом, на него наложить белый фон и на него уже в уголок - логотип. Например, использовать параметр border-box для градиентной заливки, padding-box для белой, а логотип - в правый нижний угол content-box. Но, конечно, я всё делаю неправильно и ничего не работает. Как я понимаю, именно заливка цветом ломает работу множественных фонов. А в принципе это возможно, или нужно усложн…
0 votes13 answers -
Помогите решить задачку
Помогите решить задачку: почему между div#main и div#sidebar расстояние по горизонтали 10px, если div#sidebar равен 330px и внешний отступ для div#main также 330px. В учебнике данный момент не объясняется, а я чет вообще завис. Upd: я считаю, что блоки должны быть слитны, то есть промежутка быть не должно. Почему я ошибаюсь? Starbuzz.zip
0 votes1 answer -
Почему не применяются стили?
Здравствуйте, я не понимаю почему в ксс фон не вставляется, перепробовал менять путь, даже пробовал изображение закидывать в одну папку с ксс
0 votes4 answers -
Не срабывает display: none в слайдере js
Всем привет! Помогите, пожалуйста, найти ошибку в js. Почему-то не срабатывает display: none когда задумано скрыть первую картинку. btn_next.onclick = function () { images[i].style.display = 'none'; } Весь код здесь https://jsfiddle.net/Lx3qagdp/1/ Заранее спасибо!
0 votes4 answers -
Как залить полную область чёрным цветов.
Я сделал в Фигме макет (1600х900) главной страницы, которая будет встречать при заходе на него и далее по кнопке уже переходим на освной, но не суть. Дело в том, что по середине у меня логотип, а далее внизу должна быть кнопка. Всё я это сделал. Но ниже логотипа(где должна быть кнопка), её не видно, но она есть. Там просто не заливается чёрным цветом, всё что ниже этого лога. Как это можно исправить?
0 votes3 answers -
Позиционирование
Доброго времени суток. Подскажите пожалуйста, как разместить иконку и текст на вкладке главного меню спозиционировав их по центру друг над другом. Позиционировать блоки или элементы внутри блока умею. Но здесь не пойму. Может нужно ссылку отобразить блочно, и потом размещать img и текст внутри?
0 votes4 answers -
Css
Указываю в css: .intro { width: 100%; height: 100vh; background: url(/image/intro.jpg) center no-repeat; background-size: cover; } Нажимаю на url картинку показывает, а в html ее нету...
0 votes2 answers -
Помогите с созданием таблицы
Я сделал таблицу(верхнее изображение) из неё мне надо сделать другую таблицу(нижнее изображение). Три часа голову ломаю. Не могу это сделать. Вот имеющийся код: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>Таблица</title> </head> <body> <table border="1"> <tr> <th width="100px" rowspan="2"></th> <th width="400px" colspan="2" height="25px"></th> <th width="100px" rowspan="2"></th> </tr> <tr> <td width="200px" height="25px"></td> <td width="200px" height="25px"…
0 votes3 answers -
Как в лендинге получить имя и номер
Всем привет! У меня вопрос. Есть лендинг, есть форма для принятия данных покупателя. Но я не знаю куда они отправляются. Как только пользователь внесёт свои данные куда они отправятся. Где это можно настроить? В каком месте кода html? Помогите, пожалуйста
0 votes1 answer -
Ошибка в простом коде
На первом скрине отображено как должен выглядеть список, на втором - то, что у меня выходит. Писал следующим образом: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Листы 3</title> </head> <body> <dl> <dt> Есть много разных цветов, которые делятся на светлые и темные</dt> <ol> <li>Светлые:<li> <ul> <li>Желтый</li> <li>Оранжевый</li> <li>Розовый и другие цвета</li> </ul> <li>Темные:</li> <ul…
0 votes1 answer -
разметить текст блока с кратким описанием языка HTML
Оберните текст «HTML» парным тегом <span> с атрибутом class и значением term. Оберните текст «HyperText Markup Language» парным тегом <span> с атрибутом class и значением hint. Оберните текст «Всемирной паутине» парным тегом <a> с атрибутом href и значением https://ru.wikipedia.org/wiki/Всемирная_паутина. Весь текст оберните парным тегом <p>. Оберните тег <p> парным тегом <main> с атрибутом class и значением content. Убедитесь, что результат соответствует описанию. Для этого перейдите в режим FullPage (с…
0 votes1 answer -
Как убрать границы background
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="style.css"> <title>Майор Гром</title> </head> <body> <div class="layer"></div> <div> <h1>Бла бла бла</h1> </div> </body> </html> https://imgur.com/a/9w6BqYb Как убрать границы сверху и снизу картинок, только как не пытался, ничего не получается Скрытый текст
0 votes1 answer -
Как мне определить точно определить расположение пунктированой линий
Я могу сделать пунктированую линию в сss, но не могу ее выставить как строчный элемент в html и подобрать расположение в пространстве.Когда я пытаюсь сделать то линия у меня всегда внизу: На скрине снизу будет скрин с макета который я должен переписать
0 votes1 answer -
Как применить свойство к родительскому элементу?
Пытаюсь отформатировать ссылку в ячейке таблицы (сдвинуть вправо, и т.п.). Дописать стрелку к надписи получается, но сдвинуть её - нет. Если я правильно понимаю, из-за того, что тэг <a> - строчный контейнер, и свойство надо бы применить к ячейке таблицы, но ищем мы гиперссылку. <tr> <td width="30%"><a href="/news/2948/">Подробнее </a></td> </tr> CSS: /* пририсовываем к надписи стрелочку, работает */ td a::after { content: '\A0\21D2'; } /* пытаемся выровнять по правому краю - не работает */ td>a:link { text-align: right; font-weight: bold; } Может есть какой-то способ отформатировать яче…
0 votes7 answers -
Как применить этот код к ссылке по ID?
Этот код меняет цвет всех ссылок, а нужно только некоторых. Как это можно сделать? a:link, a:active { color:#20B2AA; font-weight:bold } a:visited { color:#DC143C; font-weight:bold } a:hover { color:#EE82EE; font-weight:bold; text-decoration:none }
0 votes1 answer -
Как поместить div в не wrapper?
Я столкнулся с проблемой, мне нужно сделать враппер но и нужно разместить див в не враппера, как это исправить?
0 votes1 answer -
Вопрос про размер контейнера при адаптивной вёрстке
Есть макет: https://www.figma.com/file/HoJMDxIfQdMbFgMfgG62HK/NEW_vsesvetodiody.ru_1920-(Copy) Суть в том, что ютуберы постоянно верстают что-то, где макет только для десктопа. Тут же есть 1920 , 768, и мобилка. Для 1920 размер ограничивающего контейнера можно определить, но он я полагаю ограничен с мобилки до 768, потом от 768 до экрана ноутбука, потом от ноубука до 1920. Я в упор не понимаю, это оговаривается с заказчиком? Или используется шаблон контейнера бутстрапа? Объясните пожалуйста или скиньте ссылку на ответ.
0 votes2 answers -
Как расположить radio input вертикально?
Подскажите, пожалуйста, radio input с кнопкой выстроились горизонтально, нужно вертикально. Подскажите, пожалуйста, как преобразовать? Спасибо! <div class="voiting"> <span>How long have you...</span> <form method="post" action="#"> <label class="form__input"> <span>Youtube</span> <input type="radio" name="radio" value="youtube"> </label> <label class="form__input"> <span>instagram</span> <input type="radio" name="radio" value="instagram"> </label&g…
0 votes8 answers -
Как устранить ошибки валидатора
Как устранить ошибки на https://tex-izol.ru/ ? Их можно просмотреть https://validator.w3.org/nu/?doc=https%3A%2F%2Ftex-izol.ru%2F
0 votes1 answer -
Изображение в строку на всю ширину экрана.
Доброго всем дня! Подскажите, пожалуйста, начинающему верстальщику. Как сделать подобное в строку и что бы крайние изображение растягивались на всю ширину экрана, в зависимости от того, какое разрешение у пользователя. К слову, может есть способы не картинками, а блоками сделать подобное? Скриншот прилагаю.
0 votes2 answers -
Никак не хочет меняться шрифт
Пункт навигации у меня 18го шрифта: И везде где есть эта навигация, все выглядит отлично, как я и хочу: НО конкретно на одной странице оно меняется на более крупный размер и я не понимаю почему...и тем более не понимаю, как это можно исправить? Еще хочу добавить, что такое случается только при просмотре сайта через телефон
0 votes4 answers -
Ошибка пути файлов css и js
Всем привет , проблем вот в чем, прислали тестовое задание для верстки , суть в том что файлы css и js не правильны, при чем путь сам правильны, я переписываю вручную то же самое ошибка исправляется, хотя путь тот же самый , те же названия , с картинками векторными то же самое, но не со всеми, в коносле пишет что путь не верен и нет таких фалов
0 votes1 answer