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
-
Как можно сдвинуть кнопку влево?
Здравствуйте! 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 -
Верстка хедера с чекбоксами
Помогите, пожалуйста, как сверстать такой хедер
0 votes0 answers -
Почему Visual Studio Code видит ошибку в атрибуте align="right" при теге <p></p>?
Добрый день. Подскажите, пожалуйста, почему Visual Studio Code видит ошибку в атрибуте align="right" при теге <p></p>? Сам код работает, но слово align выделяется ярко-красным, что в VS code говорит об ошибке. <p> <p align="right"> 2014 </p>
0 votes1 answer -
Расположение элементов IMG
Всем привет! Задача стоит следующая. Есть 8 элементов (IMG). Т.е. одна целая картинка разрезана на 8 частей(рамка) Нужно сверстать гибкой версткой макет, где эти 8 кусочков будут одним целым( рамкой) а внутри можно будет размещать любой текс, рамка по высоте подстраивается под текс, по ширине на всю ширину окна. Кручу верчу, все никак не получается. Подскажите в какую сторону думать. Каждый Img в отдельный div и все дивы в общий контейнер? и дальше как
0 votes1 answer -
Вкладки на странице html
Здравствуйте! Уважаемые форумчане! Я начинающий начинать) прошу помощи, есть макет сайта , хочу чтоб на главной странице были вкладки которые бы переключались по нажатию кнопки. но основной вопрос в том как сделать их разными. пример приведу в фото. Хочу как на фото сделать но незнаю как( а так же код выглядит таким образом <div class="tabs"> <input type="radio" name="tab-btn" id="tab-btn-1" value=""> <label for="tab-btn-1">Свадьба</label> <input type="radio" name="tab-btn" id="tab-btn-2" value=""> <label for="tab-btn-2">Мужу</label> <input type…
0 votes1 answer -
Не получается разместить элементы
Доброго дня!! начала заниматься версткой макетов и столкнулась на данный момент со сложной задачей. В частности с расположением элементов. Идея макета состоит в том, что это показательная страница, в которой отображается информация. Я немного не понимаю, как нужно расположить эти верхние элементы. Ибо когда я их пытаюсь переместить, то получается примерно вот так Плюс у них нельзя изменить размер (эти элементы в макете отображаются как картинки. И плюс бонусный вопрос: можно ли только через css и html сделать выборку по фотографиям, которые нужно будет выбирать внутри страницы (не используя инпут файликов из библиотеки пользователя)
0 votes0 answers -
Выпадающее меню перекрывается нижеследующим блоком
Более опытные товарищи, ай нид ё хелп!) Имеется выпадающее меню с классом .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 -
Ищу стажировку по вёрстке
Здравствуйте! Меня зовут Дмитрий. Живу в г. Донецк, ДНР. Ищу возможность постажироваться удалённо в направлении вёрстки для развития своих навыков и дальнейшего трудоустройства. Изучил HTML/CSS, Javascript - на уровне работы с HTML элементами(навесить событие, получить/поменять стиль). Реализовывал слайдеры, выпадающие меню, списки. Умею работать с макетом в Photoshop и Figma. На текущий момент практикую адаптивную вёрстку с использованием Flexbox, учусь делать вёрстку семантичной и по БЭМу. Буду рад любым предложениям! почта для связи: dmi1ryD@yandex.com небольшое портфолио: https://m-dimonka.github.io/ HTML-верстальщик.pdf
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 -
Замена текста другим текстом под средством css
Доброе время Можно как-то заменить один текст на другой текст через css? Есть много техник заменить текст на картинку, а текст на текст не понимаю как... Пример: <ul class="links main-menu"> <li class="menu-1"><a title="" href="#">Техподдержка</a></li> ... </ul> Надо получить через css: <ul class="links main-menu"> <li class="menu-1"><a title="" href="#">[Карамба]</a></li> ... </ul> Возможно такое реализовать, когда есть доступ к перекрытию css на сайте?
0 votes11 answers -
Позиционирование и 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 -
При 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 -
Боковое навигационное меню
Здравствуйте ! Нужна ваша помощь . Не знаю как сделать такой стиль для меню ( отметила стрелочками на фотографии) Нужен стиль элементов меню , вертикальной линии с маркерами как на фото . Буду рада любой помощи.
0 votes1 answer -
Вёрстка css с процентами
Добрый день господа. Я начинающий, можете пожалуйста помочь. У меня сайт построен впринципе на div`ах. Дело в том, что если разместить два div`а рядом как две колонки, а затем начать уменьшать ширину окна браузера - правая колонка уходит под левую. Никак не могу разобраться. А ещё если я в колонки добавляю padding то автоматом опять же правая уходит вниз. Что делать?
0 votes1 answer -
Как установить размер картинки, чтобы она не выходила за пределы 800 пикселей, но при этом соблюдала пропорции?
Здравствуйте, некоторые картинки большого размера существенно выходят за границы контейнера. Как это исправить с помощью стилей, например чтобы они оставались в границах 800 пикселей? Только нужно соблюдать условия. Если картинка маленького размера например 600 пикселей, то она не должна растягиваться и подгоняться под 800 пикселей. Должны сохраняться пропорции по высоте и ширине, иначе если стили применятся только к ширине, а высота останется прежней, то картинка получится квадратной и приплюснутой. В качестве контейнера где нужно примениться стили будет div с классом text. Примерно так, <div class="text"></div>. В общем ко всем картинкам ко…
0 votes3 answers -
При увеличении и уменьшении масштаба экрана, элементы плывут как хотят
При увеличении и уменьшении масштаба экрана, элементы плывут как хотят, те которые в px плывут по своему те которые в % по своему, но суть одна и почему backgraund-image в body, занимает всю ширину экрана, независимо от указаной ширины?Спасибо
0 votes4 answers -
Картинка внутри контейнера другого блока
https://codepen.io/baicuao/pen/LYewoPZ вот песочница. У меня картинка находится в блоке world, но когда смотрю через инспектор она находится в блоке ниже в .help__container, из-за этого даже стили на элементах .help не работают
0 votes0 answers