HTML Coding

29,542 questions in this forum

1. Теоретический вопрос по приоритетам псевдоэлементов

   Добрый день! Наткнулся на интересную ситуацию. Собственно, суть: имеем такой вот мелкий код c first-letter, first-line: https://jsfiddle.net/pwvek2qn/ И я не пойму почему первая буква все равно закрашена в красный. Ведь, как я предполагал, если код выполняется последовательно и строка должна захватывать первую букву, то вся первая строка должна быть синей. То есть, получается что у first-letter что-то вроде !important?

   Asked by Super_Saimon, November 15, 2017

   • html
   0 votes
   2 answers
2. Откуда то лезет hover

   В меню мигает белый фон hover не могу понять откуда он берется. И что самое интересно что водишь по пунктам горизонтально ! Помогите найти как его поменять.

   Asked by virtas, November 14, 2017

   • hover
   0 votes
   4 answers
3. Помогите вставить изображение в блок

   Здравствуйте, есть у меня блок, который в CSS имеет такие свойства: Скрытый текст .hero { background-color: #B3B3B3; padding-top: 150px; padding-bottom: 150px; } И есть изображение, размером 3840x2160. Так вот, как мне сделать, чтобы оно было в блоке и обрезалось в зависимости от изменения размера блока.

   Asked by rogford, November 13, 2017

   0 votes
   1 answer
4. Как блок с классом .caption сделать так, что бы он не заезжал за img?

   Как блок с классом .caption сделать так, что бы он не заезжал за img? Когда ставишь relative он не заезжает, а мне надо с absolute

   Asked by incub, November 13, 2017

   • html
   • css
   0 votes
   1 answer
5. Всплывающие окна

   Здравствуйте, буду признателен, если сможете помочь решить проблему с сайтом. Проблема заключается в том, что на сайте существует кнопка "Получить консультацию" которая вызывает всплывающее окно с формой. Однако при создании такого же окна при клике на изображение(пока есть только при клике на левое верхнее) окно не появляется, а встраивается в готовый блок сайта. Можете подсказать как решить эту проблему?(По поводу оформления и изображения знаю, меня интересуют только окна) Ссылка на архив с сайтом https://github.com/Mat-CauThon/-

   Asked by MatCauThon, November 13, 2017

   • всплывающие окна
   • html
   • css
   • js
   • окна
   • верстка
   0 votes
   0 answers
6. Фиксированные и резиновые сайты

   Всем доброго дня. Недавно начал изучать вёрстку и задался вопросом. Вот существуют фиксированные и резиновые сайты. Как я понял полностью фиксированные не делают. Есть ограничение по ширине контента, но фон сайта является резиновым и растягивается в зависимости от ширины устройства? А вот что насчёт самого контента? Читал, что стандартно ширину делают 1000-1100px. Так ли это? И часто ли используют действительно резиновые макеты? Как мне кажется, если включить такой сайт на большом мониторе или телевизоре, будет не очень удобно.

   Asked by Tascan, November 13, 2017

   0 votes
   3 answers
7. Скролл эффект без js

   Добрый день. Есть два горизонтальных блока <header> и <nav>. Как можно без js сделать такой скролл эффект, когда при прокрутке <header> ведет себя как обычный блок, а <nav> при достижении верха окна браузера становится position:fixed; и bottom:0; Причем если вертеть обратно то снова отлипает от верха?

   Asked by Ubhra, November 12, 2017

   0 votes
   6 answers
8. 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 для чего эта спецификация и что она делает ?

   Asked by Димитрий, November 12, 2017

   • css спецификация
   0 votes
   6 answers
9. Не подлючается шрифт Dymaxion Script

   Почему браузер не отображает шрифт 'Dymaxion Script' ? Скачивал несколько, но безуспешно @font-face { font-family: 'Dymaxion Script'; src: url('../fonts/DymaxionScript.ttf'); } div { font-family: 'Dymaxion Script'; font-size: 50px; } DymaxionScript.ttf

   Asked by SnowSilver, November 12, 2017

   0 votes
   9 answers
10. сервис для бекенда

    ребята, а не скажете, существуют ли какие-нибудь онлайн-сервисы, которые имитируют простейший бекенд? то есть чтобы, например, самому не поднимать django или что-нибудь подобное и иметь возможность из js-фронтенда записывать и считывать простейшие, небольшие по побъёму структуры данных через REST. и чтобы при этом эти данные хранились бы постоянно

    Asked by cyklop77, November 11, 2017

    0 votes
    0 answers
11. jsonp + jsfiddle

    подскажите пожалуйста, возможно ли песочницу типа jsfiddle заставить принимать результат ajax-запроса в виде jsonp? тут я набросал небольшой пример. видно, что он не работает, а в консоли ошибочки. при этом на локальной машине проблемы нет

    Asked by cyklop77, November 11, 2017

    • jsonp
    • jsfiddle
    0 votes
    0 answers
12. Выравнивание в 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 во флекс, но хочется как мо…

    Asked by Luca, November 11, 2017

    • grid
    • text-align
    0 votes
    0 answers
13. Адаптировать картинку на background

    Здравствуйте! Прошу помочь, если кто-то знает: Есть элемент section, хочу поставить картинку на фон. Картинка большая и получается, что на фон помещается её часть. Можно ли сделать так, чтобы она ужималась в размеры блока? height:900px; background-image:url("wowmop.jpg"); background-size:100%; background-repeat:no-repeat; background-position:center center; схематично изобразил примерно):

    Asked by jonson92, November 10, 2017

    0 votes
    3 answers
14. Аналог атрибута "checked"

    Доброе утро! Подсобите теорией: есть 3х страничный сайт. На главной странице есть меню, которое, по факту, одно и тоже для всех 3х страниц. Так вот, есть ли в css схожее свойство с атрибутом checked чекбоксов? То есть, при переходе с "главной" на, к примеру, "ваши заказы" сразу стал активен пункт меню с ссылкой "ваши заказы". Или это лучше реализовать на jquery? Извините за размытое описание проблемы, но нет возможности сейчас выложить код.

    Asked by Super_Saimon, November 10, 2017

    • css
    0 votes
    2 answers
15. background-image + градиент

    Хочу сделать на фон картинку. В общем идея такая: Поставить картинку на фон, которая снизу начинает становиться прозрачной и переходить в черный цвет. Т.е. если сайт получается "длинный"(картинка же не перекроет его весь), то сверху находится изображение, которое к концу начинает перетекать в однотонный чёрный фон, который тянется и тянется до конца. body{ background-image:url("wowback_2.jpg"); background-size:cover; background-repeat:no-repeat; background-color:black; } Картинку вроде вставит, и фон сделал чёрным. Переход получился резкий. Можно ли его "смягчить" градиентом в CSS или тут через фотошоп как то?

    Asked by jonson92, November 9, 2017

    0 votes
    4 answers
16. Помогите разобраться новичку

    Сайт с видеопоздравлениями. Цена поздравления допустим 1 го ребенка 199 руб. При добавлении 2го ребенка в форме заказа цена должна увеличиться допустим на 100 рублей. Но ценник настроен на другую сумму и как его поменять понятия не имею. В index.html можно редактировать только начальный ценник на одного ребенка. При добавлении 2 го нет такой строчки и цены которую можно поменять. Открываю в браузере исследовать элемент там все открывается и меняется только как сохранить и куда вставить.

    Asked by романн, November 9, 2017

    0 votes
    1 answer
17. Фото вылезает за лист

    При размещении фотографии в полном объеме, они вылазят за страницу сайта. Сайт под управлением ворд пресс. Вставлял в файл стилей .image-caption-wrapper { width: 50% !important; } Не помогло. Буду благодарен за подсказку, пример записи здесь

    Asked by viliksar, November 9, 2017

    0 votes
    2 answers
18. 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">&lt…

    Asked by Tardpipl, November 8, 2017

    0 votes
    3 answers
19. div Div блок лезет под блок и на блок....

    Вечер добрый. Не могу решить проблему с блоками. Бывает то что div блок залезает на другой при сжатие страницы. Как избавится от смещения блоков при сжатие? Как не дать блоку div залезть на другой блок?

    Asked by Tardpipl, November 8, 2017

    • сжатие
    • адаптивность
    0 votes
    3 answers
20. проблема с border

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <header> <div class="conteiner clearfix"> <div class="logo"> <a href="#">Smallapps</a> </div> <div class="nav"> <ul> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> <a href="#">Gallery</a&g…

    Asked by Daniyar, November 7, 2017

    0 votes
    1 answer
21. Страница слистывается влево на смартфоне. Что не так?

    Здравствуйте. Все мы знаем, что на смартфоне сайт листается свайпом (пальцем водим). Недавно сверстал страницу, которую если потянуть влево или вправо, то с другой стороны в мобильном браузере появляется пустое место, но если отпустить экран, то область сайта возвращается назад. Я думал, что это нормальное поведение любой верстки, но оказалось, что есть сайты, на которых не слистывается в стороны, например https://m.rozetka.com.ua/ Подскажите плиз, какое CSS-свойство за это отвечает? У меня просто нет смартфона, соответственно не могу сравнить свою страницу с сайтом https://m.rozetka.com.ua/ P.S. Думаю, что нет смысла показывать свою страницу, потому что и так понят…

    Asked by sc_creator, November 7, 2017

    0 votes
    9 answers
22. background-image и картинка на локальном диске

    Здравствуйте! Пытаюсь задать картинку на фон, которая хранится на компьютере, но ничего не получается. Все 3 файла (.html, .css и картинка .jpg) лежат в одной папке (new) на рабочем столе. Если в адресе картинки указываю ссылку на эту картинку в интернете всё работает. В чём ошибка? Как установить картинку, которая хранится на компьютере? Спасибо за ответы.

    Asked by jonson92, November 6, 2017

    0 votes
    2 answers
23. Позиционирование элементов списка.

    Добрый день! Имею вот такой нюанс https://jsfiddle.net/yqfyb014/2/ Не понимаю как при помощи CSS решить проблему с позиционированием. Так как я предполагал, что сделав отступ для первого элемента списка, я "паровозом" выровняю все остальные элементы. Но получилось, собственно, то, что на изображении. И хотелось бы понять-как достучаться до первого элемента каждой строки?

    Asked by Super_Saimon, November 6, 2017

    • css
    0 votes
    6 answers
24. media picture

    У меня в проекте используются медиа-изображения с помощью picture и source, изображения формата svg, нужно что бы при ховере менялись некоторые стили у svg-элемента .. Как это сделать? И возможно ли это в данном случае? Пробовал в каждом svg-файле прописовать ховеры, не работает .. Я так понял нужно вставлять все svg на страницу, а с помощью media queries, показывать нужное .. Только так?

    Asked by Hasiev, November 5, 2017

    • svg
    • picture
    • source
    • media-image
    0 votes
    0 answers
25. Как реализовать мобильное меню как у гугла?

    День добрый! Подскажите как реализовать мобильное меню как у гугла, чтобы его так же можно было двигать, не смог найти примеров в интернете, может кто видел подобное или подскажет в каком направлении двигаться.

    Asked by Ратибор, November 5, 2017

    0 votes
    4 answers