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
-
Не получается разместить элементы
Доброго дня!! начала заниматься версткой макетов и столкнулась на данный момент со сложной задачей. В частности с расположением элементов. Идея макета состоит в том, что это показательная страница, в которой отображается информация. Я немного не понимаю, как нужно расположить эти верхние элементы. Ибо когда я их пытаюсь переместить, то получается примерно вот так Плюс у них нельзя изменить размер (эти элементы в макете отображаются как картинки. И плюс бонусный вопрос: можно ли только через 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, учусь делать вёрстку семантичной и по БЭМу. Буду рад любым предложениям! почта для связи: [email protected] небольшое портфолио: 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 -
Проблема с вёрсткой
Всем привет скажу сразу я новичок пытаюсь сверстать страницу тут два вопроса первый как убрать границы у страницы, прописал паддинги и марджины не помогло или я что то не так сделал, второй вопрос почему не добавлятся картинка на фоновое изображение Сразу скажу картинка норм с путём всё норм пробовал полный путь в кавычках другие картинки добавял ни одна не работает, просьба помочь Огромное спасибо p.s картнка 17 это скрин с видео по которому я делаю вот так должно выглядеть на 18 это то как щас у меня выглядит <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" c…
0 votes1 answer -
Изменить цвет текста в Notepad++
Я, конечно, задам сейчас очень неумный вопрос, но уже долго ломаю голову и не нахожу ответа. Кто знает, как переключить цвет текста в Notepad++, но так, чтобы только вновь создаваемый текст имел этот цвет? Проще говоря, выделить часть текста другим цветом.
0 votes7 answers -
Как у параграфа “p”, выделить границы пунктиром через стили?
Здравствуйте, есть контейнер с id, мне нужно через стили выделить границы у всех параграфов “p”, которые встречаются в этом контейнере (пунктирной линией). Как это сделать?
0 votes6 answers -
Что значат знаки "+" и "~" в названии класса в CSS?
Буду очень благодарна за помощь. Есть такой код: /* скрываем чекбоксы и блоки с содержанием */ .hide, .hide + label ~ div { display: none; } Что здесь значат данные знаки?
0 votes1 answer -
Как сделать, что бы блок соответствовал высоте всей страницы?
http://mhrj.orv.org.ru/FILES/bootstrap/tender-test.html 4 серых блока-колонки Проматываю страницу вниз и видно, что блок короче высоты страницы. какие стили на это влияют и как исправить? Второй вопрос: как убрать вторую бесполезную полосу прокрутки у тега body? у него стоит стиль height: 100%; почему тогда вертикальная полоса прокрутки?
0 votes1 answer