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
-
Выпадающее меню перекрывается нижеследующим блоком
Более опытные товарищи, ай нид ё хелп!) Имеется выпадающее меню с классом .sub-menu__list. При наведении оно выпадает, но перекрывается блоком .page__main. Для наглядности прикрепляю скрин и код. Естественно, нужно, чтобы выпадающее меню было поверх контента следующего блока. Подскажите, как это реализовать? P.S. Если нужно поиграть с z-index, подскажите в каком классе, т.к. я перепробовал свои варианты - результата не дало. HTML <header class="header"> <div class="header__all _container"> <div class="header__image"> </div> </div> <…
0 votes0 answers -
Адаптация сайта для мобильных устройств
Здравствуйте, подскажите в чем может быть причина такой ситуации. Адаптирую сайт под разные устройства, все было хорошо, проверила как отображается, сохранила, но когда открыла повторно все съехало, но только под одно устройство (575рх) Меню после пролистывания занимает нужную ширину Остальные размеры сохраняются , начиная с 770рх Код не менялся, проверяла несколько сохраненных на разных этапах верстки, все были рабочие и на всех слетело одно и тоже, хотя с ними дальнейшей работы не было, также проверяла на разных браузерах, проблема одна (( Буду благодарна за помощь
0 votes1 answer -
FOOTER как решать ?
Такой вопрос, footerу задан width 100%, нужно растянуть на всю ширину экрана, но если я его выношу за обертку, тогда он растягивается, но между ним и оберткой получается щель, а если я его вкладываю в обертку тогда щели нет, но он равен ширине обертки. И как вообще правильно, выносить его за обертку или нет
0 votes1 answer -
Как сделать круг на CSS?
Всем здравствуйте! Я не могу понять, как правильно сверстать подобное (как на картинке). Если кто знает, как это реализовать, то был бы очень признателен!
0 votes1 answer -
Не работают ссылки для слайдера
Для слайдера с портфелями нужно было установить восемь рабочих ссылок, четыре заработали а остальные четыре нет. Вопрос состоит в том чтобы при отображение восьми пар ссылок они отображали слайдер в котором будут восемь портфелей а не так как это отображено на картинке. Вот исходный код слайдера; <div class="container"> <div class="products_inner"> <h3 class="product_title"> Популярные товары </h3> <div class="tabs-wrapper"> <div class="tabs products_tabs"> <a class="tab products_tab tab--active" href="#product-tab-1">Запчасти</a> …
0 votes0 answers -
Как убрать блуждающий тег?
Я создавал баннер, было всё норм. Но когда я начал второй создавал он у меня заработал, но он был ужасный. Вместе красивых рядов с портфелями у меня их стало два, а должен быть один. Начал выяснять что за срань с кодом, полез в валидатор и обнаружил что есть какой то блуждающий тег. Что это такое, я не понимаю, но хотелось бы разобраться как это исправить. Вот собственно говоря код в котором валидатор ошибку нашёл: <section class="banner-section page-section">↩ <div class="container">↩ <div class="banner-section_inner">↩ <div class="banner-section_slider">↩ <a class="banner-section_slider-item" href="#">↩ &…
0 votes1 answer -
Позиционирование и z-index пунктов верхнего меню
Привет всем специалистам в HTML и CSS! Проблема такая: В CMS ShopScript (Webasyst), пункты верхнего горизонтального меню скрываются ниже расположенными элементами сайта. Все попытки назначить элементам верхнего меню позиционирование и z-index (от 1000 до 100000) не помогли. Буду благодарен за консультацию, как вывести пункты раскрывающегося горизонтального меню над нижерасположенными элементами сайта. См. здесь: http://warmray.org/
0 votes0 answers -
Минимальный макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5
Помогите сделать минимальную макет с header, footer, LeftMenu, Content, RightMenu на Bootstrap 4-5. Ширина LeftMenu + Content + RightMenu аналогична ширине основного блока текущего сайта(htmlforum.io). Другими словами не на всю ширину браузера, а по центру. Может для ширины таких элементов имеется какая-то практика? LeftMenu - привязано к левому краю контейнера. RightMenu - привязано к правому краю контейнера. Для примера... Пробую, всё скачет... https://jsfiddle.net/User65659/0jxt7qLg/45/ Аналог на картинке
0 votes0 answers -
Расположение картинки и фигур на сайте
Столкнулся с проблемой , когда вставил картинку , весь текст съехал в лево , а сама картинка , должна находиться с низу сайта И еще вопрос , как сделать так , чтобы когда я уменьшал размер сайта , облаки оставались на своих местах ? HTML Скрытый текст <section> <div class="wrapper"> <div class="main"> <div class="main-text"> <p class="main-text__plan">PLAN YOUR LIFE</p> <h1 class="main-text__head">Increase your <span class="main-text__head-bold">productivity</span></h1> …
0 votes0 answers -
Вёрстка форм
Здравствуйте, помогите выбрать верные ответы: 1)Чему равна ширина элемента .content в следующем коде: .content { box-sizing:border-box; min-width:200px; width:100px; padding:10px; } 1) 100px 2) 120px 3) 200px 4) 220px 2) Чему равна высота элемента .content в следующем коде: .content { box-sizing:content-box; height:200px; max-height:150px; padding:50px; border: 5px solid #000000; width:100px; } 1) 200px 2) 250px 3) 260px 4) 300px 5) 310px
0 votes0 answers -
Как сделать цвет шрифта неоднородным?
Всем привет! Скачала красивый шрифт Steampunk DEMO by Marta van Eck Regular. Но когда он однородного цвета, то смотрится так себе. Как сделать шрифт такого же цвета как на ресурсах, которые его предлагают? У них это картинка? Делать backgraund-image и прозрачные буквы? В чем секрет? 🙂
0 votes1 answer -
Как можно сдвинуть кнопку влево?
Здравствуйте! http://unbrokenteam.ru/ На главной странице внизу есть кнопка "Отправить". Как можно сдвинуть ее влево? При этом чтобы другие кнопки оставались на прежнем месте. Добавить button2 с выравниванием влево? Но в этом случае кнопку сплющивает. Вот style.css: body { padding: 20px; } button { margin-top: 20px; margin-left: 80px; line-height: 38px; font-size: 93%; padding: 0 60px; background: white; border: 2px solid rgb(112, 182, 234); border-radius: 35px; position: relative; left: 45%; transform: translate(-55%, 0); } button:hover { transit…
0 votes5 answers -
При row, div начинается с новой строки, как починить?
<body> <header> <div class="container"> <div class="row"> <div class="navigation"> <div class="col-md-1" class="nav-logo"><img src="img/header/logo.png" alt="" width="77px" height="77px" class="logo"></div> <div class="col-md-6 offset-md-1 nav-el"> <a href="#">Главная</a> <a href="#">О нас</a> <a href="#">Каталог</a> <a href="#">Преимущества продукта</a> <a href="#">Контакты</a> </div> <div class="col-md-1 offset-md-3" nav-icon> <img src="img/header/account.png" alt="" height="25px" wid…
0 votes1 answer -
Вёрстка css с процентами
Добрый день господа. Я начинающий, можете пожалуйста помочь. У меня сайт построен впринципе на div`ах. Дело в том, что если разместить два div`а рядом как две колонки, а затем начать уменьшать ширину окна браузера - правая колонка уходит под левую. Никак не могу разобраться. А ещё если я в колонки добавляю padding то автоматом опять же правая уходит вниз. Что делать?
0 votes1 answer -
Картинка внутри контейнера другого блока
https://codepen.io/baicuao/pen/LYewoPZ вот песочница. У меня картинка находится в блоке world, но когда смотрю через инспектор она находится в блоке ниже в .help__container, из-за этого даже стили на элементах .help не работают
0 votes0 answers -
Боковое навигационное меню
Здравствуйте ! Нужна ваша помощь . Не знаю как сделать такой стиль для меню ( отметила стрелочками на фотографии) Нужен стиль элементов меню , вертикальной линии с маркерами как на фото . Буду рада любой помощи.
0 votes1 answer -
Проблема с вёрсткой
Всем привет скажу сразу я новичок пытаюсь сверстать страницу тут два вопроса первый как убрать границы у страницы, прописал паддинги и марджины не помогло или я что то не так сделал, второй вопрос почему не добавлятся картинка на фоновое изображение Сразу скажу картинка норм с путём всё норм пробовал полный путь в кавычках другие картинки добавял ни одна не работает, просьба помочь Огромное спасибо p.s картнка 17 это скрин с видео по которому я делаю вот так должно выглядеть на 18 это то как щас у меня выглядит <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c…
0 votes1 answer -
Как установить размер картинки, чтобы она не выходила за пределы 800 пикселей, но при этом соблюдала пропорции?
Здравствуйте, некоторые картинки большого размера существенно выходят за границы контейнера. Как это исправить с помощью стилей, например чтобы они оставались в границах 800 пикселей? Только нужно соблюдать условия. Если картинка маленького размера например 600 пикселей, то она не должна растягиваться и подгоняться под 800 пикселей. Должны сохраняться пропорции по высоте и ширине, иначе если стили применятся только к ширине, а высота останется прежней, то картинка получится квадратной и приплюснутой. В качестве контейнера где нужно примениться стили будет div с классом text. Примерно так, <div class="text"></div>. В общем ко всем картинкам ко…
0 votes3 answers -
Как у параграфа “p”, выделить границы пунктиром через стили?
Здравствуйте, есть контейнер с id, мне нужно через стили выделить границы у всех параграфов “p”, которые встречаются в этом контейнере (пунктирной линией). Как это сделать?
0 votes6 answers -
Что значат знаки "+" и "~" в названии класса в CSS?
Буду очень благодарна за помощь. Есть такой код: /* скрываем чекбоксы и блоки с содержанием */ .hide, .hide + label ~ div { display: none; } Что здесь значат данные знаки?
0 votes1 answer -
При увеличении и уменьшении масштаба экрана, элементы плывут как хотят
При увеличении и уменьшении масштаба экрана, элементы плывут как хотят, те которые в px плывут по своему те которые в % по своему, но суть одна и почему backgraund-image в body, занимает всю ширину экрана, независимо от указаной ширины?Спасибо
0 votes4 answers -
Ищу стажировку по вёрстке
Здравствуйте! Меня зовут Дмитрий. Живу в г. Донецк, ДНР. Ищу возможность постажироваться удалённо в направлении вёрстки для развития своих навыков и дальнейшего трудоустройства. Изучил HTML/CSS, Javascript - на уровне работы с HTML элементами(навесить событие, получить/поменять стиль). Реализовывал слайдеры, выпадающие меню, списки. Умею работать с макетом в Photoshop и Figma. На текущий момент практикую адаптивную вёрстку с использованием Flexbox, учусь делать вёрстку семантичной и по БЭМу. Буду рад любым предложениям! почта для связи: dmi1ryD@yandex.com небольшое портфолио: https://m-dimonka.github.io/ HTML-верстальщик.pdf
0 votes1 answer -
цвет фона
Добрый день. Начала изучать html самостоятельно. Не могу понять, какой код использовать, например, для установки цвета фона - только с атрибутами html или с использованием css? то есть, какой варик верный и актуальный: 1 или 2?
0 votes2 answers -
Как сделать, что бы блок соответствовал высоте всей страницы?
http://mhrj.orv.org.ru/FILES/bootstrap/tender-test.html 4 серых блока-колонки Проматываю страницу вниз и видно, что блок короче высоты страницы. какие стили на это влияют и как исправить? Второй вопрос: как убрать вторую бесполезную полосу прокрутки у тега body? у него стоит стиль height: 100%; почему тогда вертикальная полоса прокрутки?
0 votes1 answer -
аккордеон
суть проблемы: создано два элемента - Аккордеон с 3 раскрывающимися пунктами и кнопка при нажатии на которую происходит так же раскрытие дочернего элемента. все работает исправно но если я в html, код аккордеона расположу над кодом кнопки то при открытии элемента аккордеона кнопка сместится вниз и наоборот. мне нужно это исправить любым способом. ошибок в коде нет мне просто нужен вариант.
0 votes1 answer