HTML Coding

29,542 questions in this forum

1. Поддержка браузеров

   Хотел бы поинтересоваться у людей, активно занимающихся коммерческой версткой - какие сейчас наиболее частые пожелания заказчиков по поддержке браузеров? Например, просят ли поддержку opera mini или uc browser для андроид?

   Asked by Alexandr37, April 14, 2017

   0 votes
   2 answers
2. Не отображается русский текст при использовании css

   При использовании css весь русский текст изменяется на что-то подобное: аЄаОбаО аНаЕаКббб аГаЛаАаВаНаАб ааАаДаИаМ Без css все работает нормально. Содержисое css: .button{ text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sans-serif; font-weight:bold; color:#E5FFFF; background-color:#3BA4C7; text-decoration:none; text-align:center; padding:11px 32px; border:solid 1px #004F72; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius: 4px; font:18px Arial, Helvetica, sa…

   Asked by Kythadrin, April 13, 2017

   • css
   • html
   0 votes
   3 answers
3. Спрайты в CSS

   Доброго времени суток! Я совсем недавно начал изучать HTML и CSS. И столкнулся с проблемой того, что многие программы, обучающие видео на YouTube и просто информация немного устарели. Мне известно, что чтобы стать хорошим верстальщиком, нужно идти в ногу со временем, а посему решил задать следующий вопрос на форуме: Используются ли в CSS спрайты в настоящий момент? И если нет, то какая альтернатива существует? Есть ли обучающий контент по этой теме? Заранее благодарю.

   Asked by 3dGamerUA, April 13, 2017

   • спрайт
   • css
   0 votes
   1 answer
4. Помогите новичку с выравниванием

   Asked by Vlad1, April 13, 2017

   0 votes
   1 answer
5. верстка Блок на оставшуюся ширину/ высоту страницы

   Всем привет. Хочу сверстать несколько блоков на странице. Шапка, с фиксированной высотой, шириной 100%. Затем 2 блока. Левый блок с шириной 200px, правый блок, который бы занимал всю оставшуюся часть страницы. Footer фиксированной высотой, шириной 100%. Пример во вложении, или по ссылке: Макет Проблема вот в чём. Как сделать правый блок (3 на макете) размером на всю оставшуюся часть страницы. И как вообще сделать блоки 2 и 3 высотой на всю оставшуюся часть страницы таким образом, чтобы скролл появлялся только в блоках 2 и 3 если контента в них очень много и этот контент вылазиет за пределы блоков? Вот что смог пока сделать: https://js…

   Asked by fenix_63, April 13, 2017

   • html
   • css
   • резировая верстка
   0 votes
   1 answer
6. Помогите разобраться в поведении браузера

   Ребятки, помогите понять почему вот так ведет себя браузер. Есть див со 100% шириной и высотой 50рх. Цвет для наглядности поменял, почему при изменении экрана блок не остается 50рх в высоту? Почему он вместе со всем содержимым сжимается игнорируя четко заданные параметры? Выше 980рх он тянется, а ниже он 980 и не меньше, весь блок просто сжимается в размерах вместе с содержимым. Мне нужно посмотреть как блоки падать будут, куда они съезжаются а оно просто все уменьшило и не понятно что с этим делать. Медиа запросов в коде нету, есть один блок для примера и в css ширина, высота и цвет этого блока.

   Asked by sergei8550, April 12, 2017

   • адаптив
   0 votes
   1 answer
7. Блок размером окна в блоке на странице с overflow hidden

   Здравствуйте. В общем есть задача в блок А на странице разместить блок Б с размером окна браузера, при этом блок Б должен быть зафиксирован, т.е. быть не подвижным при скроле. И видно только ту часть что расположена внутри блока А. Манипуляции с position:fixed z-index не к чему не привели. Точнее блок Б становится выше фона страницы и показывается за пределами блока А. https://yadi.sk/i/8pHOa7YD3GsjXc

   Asked by clgs, April 11, 2017

   0 votes
   1 answer
8. SVG-sprite in IE11

   Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Описываю проделанные мною два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Работает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял, но это и не нужно), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например (синтаксис pug: svg.contacts__flag(width="60", height="90") …

   Asked by Schamil74, April 11, 2017

   • svg
   • ie11
   • svg-sprite
   0 votes
   2 answers
9. SVG-sprite in IE11

   Всем привет! Столкнулся проблемой отображения svg спрайтов в ie11. Есть два варианта: В 1ом варианте svg экспортировал через плагин generate в photoshop 2015. Hаботает во всех браузерах, но не реагирует на css, даже если почистить все атрибуты у svg. Во 2ом сложнее сохранял как .ai и конвертировал в svg. Не работает только в ie11 (версии ниже не проверял), но реагирует на css, причем не отображаются только некоторые иконки. Спрайт прикрепляю сразу после открывающего тэга body и скрываю его. Обращаюсь к спрайту через, например: svg.contacts__flag(width="60", height="90") use(xlink:href="#flag")

   Asked by Schamil74, April 11, 2017

   • svg
   • ie11
   • svg-sprite
   0 votes
   3 answers
10. Перемещение виджета ВКонтакте вверх по левой колонке.

    Добрый день! Работаю над своим сайтом сама, знаний мало, но как могу, что-то получается, что-то нет. Прошу помочь мне с одной простой вроде бы задачей. http://efori.ru/ вот сайт. На нем адаптивный шаблон. Я установила на него виджет ВК и привязала к левой колонке. Но получается так, что она находится либо слева под центральным контейнером, либо слева над центральным контейнером. А мне нужно расположить ее прямо напротив, рядом с центральным контейнером. В файле стилей я пыталась его поднять таким образом column-left .theme-wrap .container, #column-right .theme-wrap .container { padding: 0; width:100%; position:relative; top…

    Asked by navpetrova, April 11, 2017

    0 votes
    0 answers
11. средний div на всю оставшуюся ширину

    Добрый день. Есть три элемента(кнопка, див, кнопка). Необходимо расположить их в таком порядке: кнопка прижатая к левому краю, кнопка прижатая к правому краю, див на всю ширину между кнопками. Пробую так:https://jsfiddle.net/dahilu/w82yhgn0/3/. Подскажите что нет так?

    Asked by Danil S, April 11, 2017

    • div
    • button
    • средний
    • оставшуюся
    • ширина
    0 votes
    3 answers
12. Можно ли сделать slideDown для модального окна arcticmodal

    Для модального окна использую Jquery плагин arcticmodal https://arcticlab.ru/arcticmodal/#docs но нужно что бы окно появлялось как в методах slideDown и slideUp. Обращаюсь сюда так как в документации сказано что есть только 2а эффекта fade и none. Можно ли как то это реализовать?

    Asked by Konstantin99, April 10, 2017

    0 votes
    0 answers
13. Тень у 6-ти угольной кнопки

    Подскажите пожалуйста можно ли как то сделать тень, а именно эффект вдавливания при hover, именно для этой формы кнопки. https://jsfiddle.net/urd76pkp/

    Asked by Konstantin99, April 10, 2017

    0 votes
    1 answer
14. как сделать чекбоксы

    Подскажите, как сделать чекбоксы вроде http://imgur.com/a/NUfi0 совместимые с bootstrap ? Спасибо!

    Asked by mstdmstd, April 10, 2017

    0 votes
    3 answers
15. Периодичность показа всплывающего окна.

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

    Asked by Vic-Tor, April 9, 2017

    • периодичность
    • модальное окно
    0 votes
    25 answers
16. открытие содержимого при наведении мышки

    Подскажите для начинающего программиста.Как сделать что бы при наведении мышки открывалось содержимое.Надеюсь получить ответ как можно скорее.

    Asked by serghan, April 9, 2017

    0 votes
    1 answer
17. Установка цвета через JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>пара</title> <script> for(i=0; i<elem.length; i++) { alert(elem[i]); } function lol(nan) { var i; var elem = document.getElementById("sas"); elem.style.color = nan; } </script> </head> <body> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <p id="sas">Привет!</p> <button onclick="lol('red')">Красный</button> </body> </html> При нажатии…

    Asked by ErUnDAK, April 9, 2017

    • html
    • javascript
    0 votes
    3 answers
18. Как выбрать следующий за нужным элемент?

    Есть такой код: <div class="field"> <input type="text" id ="email" name="email"> <label for="email" id="label_email">Введите Email</label> </div> <div class="field"> <input type="text" id ="namel" name="name"> <label for="name" id="label_name">Введите ваше имя</label> </div> <div class="field"> <input type="text" id ="country" name="country"> <label for="country" id="label_country">Введите страну</label> </div> <div class="field"> <input type="text" id ="city" name="city"> <label for="city" id="label_city">Введите город&…

    Asked by sergei8550, April 8, 2017

    0 votes
    1 answer
19. transform - управление через jQuery

    Help! как из jQuery можно управлять анимацией CSS типо transform: scale(0.5) rotate(20deg); или : как на jQuery можно реализовать аналог анимации CSS типо transform: scale(0.5) rotate(20deg);

    Asked by Алекс123, April 8, 2017

    0 votes
    1 answer
20. Смещение блоков при масштабировании.

    Добрый вечер, уважаемые форумчане. Я пишу с нуля свой первый сайт и у меня на этапе верстки возникла проблема с размещением меню, что вкладывается в блок header. При масштабировании страницы, меню меняет свои значения: либо оно вылазит за пределы блока-родителя, либо не доходит до его границ (появляются неприятные белые полосы). Возникает вопрос, как зафиксировать меню так, чтобы масштабирование не меняло расположение его блоков? + при масштабе в 100% приходится использовать не целочисленное значения в отступах nav ul li a {padding:41.6px 50px;} для того, чтобы избавиться от белой линии под блоком (методом подгона). Хочется понять, как можно "вылечить" и этот де…

    Asked by Eugenice, April 8, 2017

    • смещение
    • блоки
    • масштаб
    0 votes
    1 answer
21. Не удается скопировать CSS анимацию

    Здравствуйте, наткнулся на простую CSS анимацию свойством animation, но что-то она у меня не запускается - просто стоит посередине кнопки и все. Помогите пожалуйста. Пытаюсь скопировать "перелив" с кнопки Смотреть тут http://ma******.ru/ .b-button_animation { animation: 4s ease 0s normal none infinite running flash-button; background-image: -moz-linear-gradient(0px 0 , rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 40%, rgba(255, 255, 255, 0.6) 45%, rgba(255, 255, 255, 0) 50%); background-position: -150px -150px, 0 0; background-size: 250% 450%, 100% 100%; } .b-button_common-black { background: #686868; /* Old browsers */ background:…

    Asked by Miha1l, April 7, 2017

    • animation
    0 votes
    2 answers
22. Различия в фиксированной вёрстке

    Всем привет. Может кто разъяснить один вопрос по фиксированной вёрстке. Пересмотрел несколько макетов. пытался сделать свой сайт, интересуясь как вообще делаются другие макеты. И заметил, что в некоторых из них все основные блоки (header, content или footer), расположены внутри родителя wrapper. То есть родитель имеет, например ширина 1200px, а остальные блоки внутри него уже делят эту ширину. Но меня заинтересовал другой вид, где тоже есть контейнер-родитель wrapper, но он в свою очередь растянут на весь экран. А все основные блоки, уже каждый отдельно, имеют свою ширину и отдельно центрируются. Вот я и хотел узнать, какие плюсы и минусы могут быть у …

    Asked by Tascan, April 7, 2017

    0 votes
    2 answers
23. Квадратные скобки в JavaScript

    Объясните поподробнее, почему в 24 строчке i пишется в квадратных скобках? Как это работает?

    Asked by ErUnDAK, April 6, 2017

    • javascript
    • html
    0 votes
    1 answer
24. Не работает медконсультант

    Добрый день! На многих сайтах использую один и тот же код консультанта (нижний правый угол) , но на этом http://slimskin.ru/ он почему-то не открывается, хотя все добавлено так же.. Подскажите, в чем может быть дело?

    Asked by fowl, April 6, 2017

    0 votes
    0 answers
25. Фон меню

    Здравствуйте, учусь верстке. Хочу сделать при наведении на ссылку меню, фоновое изображение. Сделал коряво и все смещается, так как не очень разбираюсь в свойствах - display, position. Прошу помочь и по возможности ввести в курс дела! Код: #menu { text-align: center; text-decoration: none; font-weight: bold; margin-left: 100px; } #menu ul{ } #menu ul li{ float: left; margin-right: 106px; margin-top: 40px; } #menu ul li a{ color: #6b4848; text-align: center; display: block; } .activ, #menu ul li a:hover{ background: url(../images/menu1.png); width: 150px; height: 30px; background-position: center; } <div id="menu"> <ul> &l…

    Asked by glarks, April 5, 2017

    • меню
    • фон
    • bg
    0 votes
    1 answer