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
Здравствуйте, у меня такая проблема. Я хотел сделать скролируемое меню с ссылками на ресурс. Написал команду, и т.д. Выучил только теги html, к CSS (или как там) даже не прикасался. Так как сделать скролируемое меню с ссылками, если это вообще возможно. Объясните пожалуйста.
0 votes1 answer -
Подгонять высоту слайдов под заданную высоту
Здравствуйте. Есть читалка сделана из слайдера, где слайды это блоки в текстом. Слайды с текстом получаются разной высоты и отличаются друг от друга на несколько строк. Думаю задать максимальную высоту слайда, чтобы на слайдах с большой высотой текста межстрочный отступ уменьшался, а на слайдах с малой высотой текста увеличивался. Как это сделать на css не знаю. Пробовал line-height указывать в процентах, но что-то не то получается. Может не так пробую. Посоветуйте как лучше сделать.
0 votes4 answers -
В сетке bootstrap два col-md-6, одно падает вниз
Добрый день. При создании верхнего меню сайта с сеткой bootstrap правая часть падает вниз под левую. Не могу найти в чем причина. Код https://jsfiddle.net/aw0qvc0e/
0 votes21 answers -
Формы в HTML
Как сделать такую форму?
0 votes1 answer -
Прозрачные иконки
Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон
0 votes15 answers -
Слайдер Slick
Мне нужно помощь по установке данного слайдера: http://kenwheeler.github.io/slick/ Я сделал всё как в инструкции по установке, но он всё-равно не работает. Можете показать код со всеми картинками в слайдере, чтоб я мог распознать свою ошибку?
0 votes9 answers -
На устройствах с малой высотой экрана футер уезжает высоко вверх
Здравствуйте. На главной странице, футер имеет стиль position absolute, чтобы футер был поверх картинки. В тоже время сделано так чтобы слайдер растягивался на всю ширину и высоту экрана. Но на устройствах с малой высотой экрана(мобильные устройства) футер уезжает сильно вверх. Теперь думаю отменить растягивание картинки на всю высоту экрана, на устройствах с малой высотой. min-height что то не срабатывает, @media для высоты нет вроде. Посоветуйте, пожалуйста что сделать.
0 votes2 answers -
Откуда то лезет hover
В меню мигает белый фон hover не могу понять откуда он берется. И что самое интересно что водишь по пунктам горизонтально ! Помогите найти как его поменять.
0 votes4 answers -
Теоретический вопрос по приоритетам псевдоэлементов
Добрый день! Наткнулся на интересную ситуацию. Собственно, суть: имеем такой вот мелкий код c first-letter, first-line: https://jsfiddle.net/pwvek2qn/ И я не пойму почему первая буква все равно закрашена в красный. Ведь, как я предполагал, если код выполняется последовательно и строка должна захватывать первую букву, то вся первая строка должна быть синей. То есть, получается что у first-letter что-то вроде !important?
0 votes2 answers -
CSS 2.1 and CSS 2.2 как их понимать ?
Правильно ли я понимаю уровни CSS спецификации: CSS 1 - Устаревшая спецификация. CSS 2 - Содержит много ошибок. CSS 2.1 - Та же CSS 2 но исправленными ошибками. CSS 2.2 - Тут что ? Я не понимаю, объясните люди добрые. CSS 3 - Модули CSS, с разными уровнями. Разные модули заменяют разный раздел в CSS 2. CSS 4 - Консорциум говорит что не будет, но посмотрим что на самом деле будет. Для меня не совсем понятно, 2.2 для чего эта спецификация и что она делает ?
0 votes6 answers -
Помогите вставить изображение в блок
Здравствуйте, есть у меня блок, который в CSS имеет такие свойства: Скрытый текст .hero { background-color: #B3B3B3; padding-top: 150px; padding-bottom: 150px; } И есть изображение, размером 3840x2160. Так вот, как мне сделать, чтобы оно было в блоке и обрезалось в зависимости от изменения размера блока.
0 votes1 answer -
Как блок с классом .caption сделать так, что бы он не заезжал за img?
Как блок с классом .caption сделать так, что бы он не заезжал за img? Когда ставишь relative он не заезжает, а мне надо с absolute
0 votes1 answer -
Всплывающие окна
Здравствуйте, буду признателен, если сможете помочь решить проблему с сайтом. Проблема заключается в том, что на сайте существует кнопка "Получить консультацию" которая вызывает всплывающее окно с формой. Однако при создании такого же окна при клике на изображение(пока есть только при клике на левое верхнее) окно не появляется, а встраивается в готовый блок сайта. Можете подсказать как решить эту проблему?(По поводу оформления и изображения знаю, меня интересуют только окна) Ссылка на архив с сайтом https://github.com/Mat-CauThon/-
0 votes0 answers -
Скролл эффект без js
Добрый день. Есть два горизонтальных блока <header> и <nav>. Как можно без js сделать такой скролл эффект, когда при прокрутке <header> ведет себя как обычный блок, а <nav> при достижении верха окна браузера становится position:fixed; и bottom:0; Причем если вертеть обратно то снова отлипает от верха?
0 votes6 answers -
Фиксированные и резиновые сайты
Всем доброго дня. Недавно начал изучать вёрстку и задался вопросом. Вот существуют фиксированные и резиновые сайты. Как я понял полностью фиксированные не делают. Есть ограничение по ширине контента, но фон сайта является резиновым и растягивается в зависимости от ширины устройства? А вот что насчёт самого контента? Читал, что стандартно ширину делают 1000-1100px. Так ли это? И часто ли используют действительно резиновые макеты? Как мне кажется, если включить такой сайт на большом мониторе или телевизоре, будет не очень удобно.
0 votes3 answers -
Подскажите, надежный и недорогой хостинг
у меня есть сайт о кошках, который размещен на яндекс народе. Я хочу перенести свой сайт на платный хостинг. Подскажите, пожалуйста, какой-нибудь надежный и недорогой хостинг.
0 votes26 answers -
Как реализовать мобильное меню как у гугла?
День добрый! Подскажите как реализовать мобильное меню как у гугла, чтобы его так же можно было двигать, не смог найти примеров в интернете, может кто видел подобное или подскажет в каком направлении двигаться.
0 votes4 answers -
сервис для бекенда
ребята, а не скажете, существуют ли какие-нибудь онлайн-сервисы, которые имитируют простейший бекенд? то есть чтобы, например, самому не поднимать django или что-нибудь подобное и иметь возможность из js-фронтенда записывать и считывать простейшие, небольшие по побъёму структуры данных через REST. и чтобы при этом эти данные хранились бы постоянно
0 votes0 answers -
jsonp + jsfiddle
подскажите пожалуйста, возможно ли песочницу типа jsfiddle заставить принимать результат ajax-запроса в виде jsonp? тут я набросал небольшой пример. видно, что он не работает, а в консоли ошибочки. при этом на локальной машине проблемы нет
0 votes0 answers -
Выравнивание в grid
Здравствуйте. .wrapper{ display: grid; grid-template-columns: 1fr; grid-template-rows: 62px 1fr; grid-gap: 0px; } .logo{ grid-column: 1 / 2; grid-row: 1 / 2; } .menu{ grid-column: 2 / 3; grid-row: 1 / 2; } <div class="wrapper"> <div class="logo">LOGO</div> <div class="menu">MENU</div> <div class="main">MAIN</div> </div> хочу сверстать как на GoogleFonts (в учебных целях). использую гриды, как Вы уже догадалсиь. Как выравнивать текст и прочие элементы внутри .menu и . logo. Хотелось бы, чтобы было как на указанном сайте. Можно, конечно, обернуть .logo и .menu во флекс, но хочется как мо…
0 votes0 answers -
Адаптировать картинку на background
Здравствуйте! Прошу помочь, если кто-то знает: Есть элемент section, хочу поставить картинку на фон. Картинка большая и получается, что на фон помещается её часть. Можно ли сделать так, чтобы она ужималась в размеры блока? height:900px; background-image:url("wowmop.jpg"); background-size:100%; background-repeat:no-repeat; background-position:center center; схематично изобразил примерно):
0 votes3 answers -
Аналог атрибута "checked"
Доброе утро! Подсобите теорией: есть 3х страничный сайт. На главной странице есть меню, которое, по факту, одно и тоже для всех 3х страниц. Так вот, есть ли в css схожее свойство с атрибутом checked чекбоксов? То есть, при переходе с "главной" на, к примеру, "ваши заказы" сразу стал активен пункт меню с ссылкой "ваши заказы". Или это лучше реализовать на jquery? Извините за размытое описание проблемы, но нет возможности сейчас выложить код.
0 votes2 answers -
Помогите разобраться новичку
Сайт с видеопоздравлениями. Цена поздравления допустим 1 го ребенка 199 руб. При добавлении 2го ребенка в форме заказа цена должна увеличиться допустим на 100 рублей. Но ценник настроен на другую сумму и как его поменять понятия не имею. В index.html можно редактировать только начальный ценник на одного ребенка. При добавлении 2 го нет такой строчки и цены которую можно поменять. Открываю в браузере исследовать элемент там все открывается и меняется только как сохранить и куда вставить.
0 votes1 answer -
Фото вылезает за лист
При размещении фотографии в полном объеме, они вылазят за страницу сайта. Сайт под управлением ворд пресс. Вставлял в файл стилей .image-caption-wrapper { width: 50% !important; } Не помогло. Буду благодарен за подсказку, пример записи здесь
0 votes2 answers -
div Как перенести блок на новую строку
Вечер Добрый. Пишу с просьбой дабы объяснили как можно перенести блок в определенно место. Скрытый текст <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="./css/style.css"> <title>HTML5</title> </head> <body> <div class="" ="wrapper"> <div class="header"> <div class="header_line"></div> </div> <div class="row"> <div class="avatar"></div> <div clas="abme"> <div class="name"></div> <div class="status"><…
0 votes3 answers