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 votes3 answers
-
0 votes1 answer
-
0 votes1 answer
-
0 votes1 answer
29,485 questions in this forum
-
аккордеон
суть проблемы: создано два элемента - Аккордеон с 3 раскрывающимися пунктами и кнопка при нажатии на которую происходит так же раскрытие дочернего элемента. все работает исправно но если я в html, код аккордеона расположу над кодом кнопки то при открытии элемента аккордеона кнопка сместится вниз и наоборот. мне нужно это исправить любым способом. ошибок в коде нет мне просто нужен вариант.
0 votes1 answer -
Две ссылки не выравниваются
https://jsfiddle.net/daniars/wzty3xp6/ - ссылка на код 1)Как должно быть 2)На данный момент Никак не пойму, почему они не ровно стоят
0 votes1 answer -
Картинка поверх картинки
Мне нужно, чтоб одна моя картинка была поверх другой, у контейнера уже есть готовый фон. 1)Вот как она должна выглядить 2)Как она выглядит у меня z-index, не работает почему-то
0 votes0 answers -
Drop Shadow в хроме и фф выглядит по разному
drop-shadow(0.2px 0.2px 0.2px white) В хроме выглядит аккуратно, придает жирности. А вот в ФФ одно накладывается на другое и все размывается. Как это привести к единому виду?
0 votes0 answers -
Скачал редактор кода VS Code. Подскажите как решить пару вопросов...
Можно ли как-то сохранить все настройки, установленные расширения, чтобы при установке на другое устройство не настраивать всё заново?И ещё:Какое расширение нужно, чтобы подсвечивались синтаксические ошибки (тег не закрыт, запятой нету...)? Как в Brackets, например, внизу красный треугольник появляется.
0 votes1 answer -
Не могу подобрать бесплатный HTML WYSIWYG редактор
Добрый день!Пробовал Komposer, BlueGriffon, openElement и другие. Все как то не то. В BlueGriffon вставляешь таблицу - мышкой она не растягивается. Кнопку в ячейку таблицы вставить нельзя. При выборе кнопки мышкой - размеры ее похоже изменить нельзя, предлагает изменить надпись на кнопке. Все какое-то крохотное на экране сразу после вставки (настройки по умолчанию).Нужно что-то похожее на обычный текстовый редактор, пускай даже без динамического обновления сотворяемого в браузере.Вот делали люди (но он не продается, нашел случайно через знакомого): https://cloud.mail.ru/public/UYzf/67W5jNrVWНужно что то подобное. Простое и визуальное, для создания и макетирования интерфей…
0 votes0 answers -
Таблицы и изменение фона через псевдокласс :hover
<div class="selectors"> <table class="table"> <thead> <tr> <th>Teams</th> <th>Capitains</th> <th>AWPers</th> <th>Riflers</th> <th>Riflers</th> <th>Supports</th> </tr> </thead> <tbody> <tr> <td class="navi">Na'Vi</td> <td class="gambit">Nafany</td> <td class="vp">Jame</td> <td class="gambit">Axile</td> <td class="spi…
0 votes1 answer -
Не вставляется картинка через background-image
Пишу в стилях background-image: url(../../images/fon.png); Но у меня не появляется эта картинка, скрин кода приложу Вот код - https://jsfiddle.net/Millio/bgajx0uc/50/
0 votes0 answers -
Не могу картинки сделать ниже цифр
Вот код - https://jsfiddle.net/Millio/bgajx0uc/45/ Я заменил картинки на серые квадраты, не пойму, как мне сделать серые квадратики чтобы они были чучуть ниже цифр, как на скрине я выделил оригинал
0 votes1 answer -
Соотношения сторон для верстки
Смотрел видеоурок с 14:00-17:50 В нем вычисляются размеры видео в %. Размеры видео - 600*442. Ширина блока контейнера - 1046px (если я конечно правильно понял значение этого числа - 1046px). Есть следующий класс <section class="page__whoweare whoweare"> <div class="whoweare__container _container"> <div class="whoweare__header header-block"> <h2 class="header-block__title">Who We Are</h2> <div class="header-block__sub-title"> Problems trying to resolve the conflict between the two major realms <br> of Classical physics: Newtonian mechanics </div> </div> <di…
0 votes0 answers -
css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока?
https://jsfiddle.net/9a47rddr/ При наведении мыши - нет проблем. А можно ли средствами css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока? Или без js не обойтись :(?
0 votes2 answers -
Неотображаемый текст в шапке сайта.
Верстаю макет с Фигмы - https://www.figma.com/file/2rdy1qjBTl7D6BAC8S4qlf/Webovio?node-id=0%3A1. Наверстал Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <link href="https://fonts.googleapis.com/css?family=Poppins:regular,700&display=swap" rel="stylesheet" /> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="css/style.css"> <title>Webovio</title> </head> <body> <div class="wrapper"> <main class="page"&g…
0 votes2 answers -
проблемы с текстом в центре CSS
Добрый вечер, хотел спросить, как мне сделать так как на первом фото последний абзац начинается с левой строки, word-spacing даже пробовал, не помогло 1) То что мне нужно 2)То что у меня https://jsfiddle.net/#&togetherjs=AzUkONtK9g там, текст должен быть на середине, можете не говорить про text-align и т.д
0 votes3 answers -
Альтернативная станица на английском
Здравствуйте. Я пятый день как учу html, абсолютный новичок. Хочу сделать альтернативную страницу на английском. Написала код - вроде верный (файлы index и indexen расположены в одной папке на рабочем столе компьютера). Код не работает. Не понимаю почему. Погуглила - вроде все правильно, сделала ссылку на файл без указания наименования папок, так как расположены файлы в одной и той же папке). Знающие люди, помогите что не так <html> <head> <meta charset="utf-8"> <meta name="keywords" content="HTML, сайт-визитка WEB-разработчика"> <meta name="description" content="Сайт-визитка WEB-разработчика"> <title> …
0 votes0 answers -
Как задать изначальную позицию элеmенту?
Когда на сайте прописывается новый элеmент он будет находится под преведущиm, после, напиреmер, через position relative, переmещаm куда нужно. Но сайт как-бы запоmинает его старое mесто, и за чего если наприmер, добавить новый элеmент, то он появится под пустыm пространствоm где был прошлый. И и за страница становится большой с пустыm пространствоm в которое mожно скролить в низ Ну и вопрос, как сделать так что-бы элеmент изначально был в нужной позиции?
0 votes1 answer -
Баланс на сайте
Здравствуйте. Кто может подсказать как реализовать баланс пользователя на сайте "Рулетка". Можно (html+css) или php. Буду очень благодарен. Исходников нигде не нашел.
0 votes1 answer -
Не работает justify-content
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;800&display=swap" rel="stylesheet"> <title>TradeMine - Гарант Сервис Minecraft</title> </head> <body> <header class="header"> <div class="container"> &…
0 votes1 answer -
При адаптиве не видно блок
Здравствуйте, столкнулся с такой проблемой, что в десктопной версии сайта все работает нормально, однако при переходе на мобильную, блок становится пустым и занимает гораздо меньше места, в чем проблема?
0 votes1 answer -
Как растянуть SVG всю ширину блока?
<div class="logo"> <a href="/" class="logo-link"> <img src="/logo.svg" class="logo-svg"> </a> </div> .logo { width: 250px; height:100%; } Как сделать, чтобы лого было шириной 250 и высотой 100%? т.е. во весь блок. Если выбрать GIF лого - оно само растягивается. SVG же автоматом уменьшается визуально. как я понял, надо что-то в самом свг поправить: <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 1407.9 938.4" style="enable-background:new 0 0 1407.9 938.4;" xml:space="preserve"> Пробовал менять preserve на defa…
0 votes2 answers -
Координаты активной области карты-изображения.
Здравствуйте, я занимаюсь самообразованием и сейчас изучаю HTML. Хочу спросить, как задавать координаты активной области карты-изображения? Я поняла, что отсчёт координат ведётся от левого верхнего угла изображения и указывается в пикселях. Но как посчитать сами пиксели? Заранее спасибо. С уважением, Наташа.
0 votes1 answer -
Выпадающее меню выходит за границы монитора
Ребята как сделать, что бы последний блок выпадающего меню не выходил за границу монитора, а сдвигался в лево. Если тема уже поднималась, дайте ссылку. Или совет, в идеальном случае код. Но лучше объяснение как это делается? Срочно нужно, очень интересно
0 votes9 answers -
Что делать если hover мешает input
Я сделал меню с помощью hover, но она закрывает область input. Из за этого я не могу ввести что то в input. HELP вот: https://yapx.ru/v/QOVPd Скрытый текст Скрытый текст Скрытый текст
0 votes0 answers -
разметить текст блока с кратким описанием языка 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 -
Как выровнять форму на сайте?
Хочу установить форму заполнения регистрации по середине сайта, как я могу это сделать?
0 votes0 answers -
Как работать на FullHD экране c зумом 125%?
Для конечных пользователей можно использовать "@media (-webkit-min-device-pixel-ratio: 1.25)", но при создании верстки так не получится, особенно при верстании по PerfectPixel. Какие проблемы наблюдаются при системном зуме 125%? (а без него на экране все слишком мелкое и почти недостижимое глазу) Верстальщики, как вы решаете эту проблему в своей работе?
0 votes3 answers