HTML Coding

29542 questions in this forum

1. Нужна помощь с transition

   Нужна помощь опытных верстальщиков. Цель, что бы кнопка submit при наведении плавно заполнялась с низу в верх другим цветом, как в примере с кнопкой Download. Задача--> https://jsfiddle.net/#&togetherjs=l0dHCPehOk Пример--> https://jsfiddle.net/#&togetherjs=CGBJ6RhM5L

   Asked by Roman Daujotas, June 10, 2017

   0 votes
   0 answers
2. Html не может добраться до ресурсов, где CSS файлы и картинки

   Здравствуйте. Моя проблема состоит в том, что изначально созданы папки css, img с соответствующими файлами и отдельно image.hml. Но когда .html файлов стало несколько, создав для этого папку и переместив в неё эти файлы , они вдруг перестали видеть .css. Помогите нубу, я только изучаю и мне стыдно.

   Asked by lines, June 10, 2017

   • html
   • css
   • нуб
   0 votes
   4 answers
3. Полная замена кода страницы

   Доброго времени суток! Буду краток : обучаюсь верстке, наткнулся на такой пример (на кодопене, внизу, если не открывает - codepen.io/colewaldrip/pen/MKmKEJ) Проблема: На сайте и в скаченных исходниках (архиве) совершенно разные коды, хотя открывается та же форма (можете попробовать экспортировать). Соответственно я так понял, что код где-то должен заменяться, только я не понимаю где. Будьте любезны, объясните почему так происходит, где происходит замена и что можно почитать/ посмотреть на эту тему. Заранее спасибо.

   Asked by Antigr, June 14, 2017

   0 votes
   0 answers
4. bootstrap Как сверстать картинку, выходящую за сетку бутстрап?

   Как сверстать картинку, выходящую за сетку бутстрап? Как лучше сверстать это!

   Asked by incub, June 11, 2017

   • html
   • css
   0 votes
   13 answers
5. Меню на мобиле не работает

   Так есть меню в мобильной версии сайта Скажем на ios: если чуть прокрутить вниз страницу то уходит строка браузера верхняя и если ее нет, этой строки то меню не открывается код на js такой: $(btn).on('click', function(event){ event.preventDefault(); //console.log('click'); $(this).toggleClass('active'); $(menu).toggleClass('open'); $(menu).show(); if ( $(window).width() < 767) { $('html, body').toggleClass('overflowHidden'); } }); Кто-нибудь сталкивался с подобным?

   Asked by Kaner, June 15, 2017

   0 votes
   3 answers
6. Помогите разобраться с css

   Для блока пытаюсь установить фон, при увеличении фон обрезается браузером до размера окна, но контент за его пределами имеется и остается без фона. что я делаю не так? #header{ background: url(../images/header.png) no-repeat center center fixed; background-size: cover; flex: 1 0 auto; }

   Asked by Frikker, June 12, 2017

   • css
   • web
   • новичку
   • помогите
   0 votes
   8 answers
7. Адаптивная вёрстка. Как правильно подойти?

   Приветствую всех! Вот хочу попытаться сверстать адаптивный сайт, но есть вопросы: 1.Под какие разрешения собственно верстать? 2. Как верстать под большие разрешения и нужно ли это вообще(большие разрешения это больше 1200 px)? 3. Как собственно ровно верстать под большие разрешения, если у самого монитор в 1200, а надо больше (если надо, смотрим вопрос 2). Очень неудобно будет то 4.О маленьких разрешениях. Нет при себе не мобильного, ни чего-то другого, а на сайте будут использоваться блоки с JS и многое другое "тяжелое". Вдруг всё тормозить начнет, как решить вопрос? 5. Есть ли нормальный и бесплатные хостинг с поддержкой динамики? Может своё дети…

   Asked by tigrus2014, June 12, 2017

   0 votes
   2 answers
8. Кроссбраузерность mask и clip-path

   Как решить вопрос с кроссбраузерностью таких вещей? В firefox буквы "D" (маски) нету и clip-path не отрисовывается на сером блоке. А в IE - полная грусть. А это разметка

   Asked by Schamil74, June 13, 2017

   • mask
   • clip-path
   • fallback
   0 votes
   3 answers
9. Не применяется стиль css

   Здравствуйте! Не могу разобраться, почему не применяется стиль к (.navbar-brand) когда он помещен в навбар?

   Asked by asyntrail, June 14, 2017

   0 votes
   6 answers
10. Создание диаграммы

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

    Asked by Nailya, June 14, 2017

    • диаграмма
    0 votes
    3 answers
11. list-style-position не работает

    Всем доброго времени суток. Возникла у меня одна неприятная проблема. Захотел я маркеры списков заменить на иконки. В Icomoon сделал себе шрифт и все подключил. И тут то я столкнулся с проблемой. list-style-position работает как inside и когда я хочу чтобы он работал как outside ничего не происходит. Где же мой прокол ? <ul class="structure"> <li class="icon-page">Одна страница, логотип и заголовок</li> <li class="icon-image">Картинка и описание предложения</li> <li class="icon-in-form">Форма для заполнения информации</li> <li class="icon-send">Кнопка отправки и отзывы клиентов</li> <li class="icon-ou…

    Asked by Aleksandr.Bycyk, June 15, 2017

    0 votes
    5 answers
12. Нужна помощь с копированием

    Можете подсказать как можно сделать такой каталог на своем сайте (нужно скопировать,или сделать подобное вот с этого сайта)http://amigo.ru/kollekcii/kollektsiya-rulonnykh-tkaney/

    Asked by Fast1kj, June 16, 2017

    • помощь
    • копирование
    0 votes
    7 answers
13. Scroll horizontally in JQ

    Всем привет! Помогите реализовать нормальную горизонтальную прокрутку

    Asked by Schamil74, June 15, 2017

    • scrollleft
    • scrollright
    0 votes
    0 answers
14. Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится?

    Здравствуйте! Вывожу код в Iframe. 1. Почему по умолчанию Iframe выводится в маленьком окне? Как сделать чтобы окно Iframe было по умолчанию по размеру кода, который там выводится? 2. Как сделать чтобы окно Iframe адаптировалось под мобильные устройства? Вот мой код. Спасибо!

    Asked by Марат, June 15, 2017

    • iframe
    0 votes
    1 answer
15. Стоит ли использовать плагин fittext

    Приветствую всех! У меня такой вопрос. Сегодня прочитал про JS плагин, могу ошибиться в написании названия, но вроде Fittext. Плагин добавляет скрипты Js в страницу, позволяющий задавать тексту различные дополнительные параметры. Кто-то использует этот плагин? На сколько знаю вроде для адаптивного текста достаточно использовать проценты или em. Возникает вопрос зачем тогда нужен сей плагин? Или я что-то не так понимаю?

    Asked by tigrus2014, June 17, 2017

    0 votes
    1 answer
16. Отображение в сафари

    http://verstka2.webjon.ru/ На главном бане стилизованный список select2 и вот он отображается ниже на айфоне. Думаю и в др. сафари то ж самое,Никакие попытки выровнять не помогли. Инструменты вот такое показывают http://joxi.ru/KAxdZVT44v1zA8 Откуда берется отступ так и не понял. ессно жесткое задание высоты не помогает

    Asked by Vlad_P, June 18, 2017

    0 votes
    0 answers
17. Начальная ширина мобильного дизайна

    Люди добрые, подскажите, почему дизайнеры делают макеты мобильной версии начиная с 750 пикселей, с огромными шрифтами и картинками? Но при этом, хотят чтобы оно всё круто выглядело на 320px. Как же правильно делать, дизайн на 320, а потом пускай расширяется? Или 750, а верстальщик пускай сам придумывает, как оно будет сжиматься до 320, и расширяться до 980ти? Как правильно делать дизайн мобильной версии, с какой шириной?

    Asked by Alarr, June 19, 2017

    • мобильная версия
    • дизайн
    • mobile
    • design
    0 votes
    5 answers
18. Как сделать фон в мобильной версии сайта?

    AlexZaw спасибо.

    Asked by your app, June 19, 2017

    0 votes
    10 answers
19. Посоветуйте, как поровнее колонки сверстать?

    http://www.uaz-n.ru/?template=tiles колонки магазин уаз, запчасти уаз, внедорожный тюнинг - посоветуйте пожалуйста, как бы их к более-менее одной высоте приучить? набор пунктов в обоих списках будет динамическим. плашку с магазином уаз можно через table-cell вытянуть в принципе, а внедорожный тюнинг растягивает блок слишком сильно по высоте, а хочется чтобы он стремился к усредненной высоте половины своего содержимого. сейчас криво: клиника?

    Asked by d0ublezer0, June 19, 2017

    0 votes
    6 answers
20. Проблемы в JavaScript

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 7px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; height: 33px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { position: absolute; to…

    Asked by ErUnDAK, June 20, 2017

    • javascript
    • html
    • css
    0 votes
    1 answer
21. Как сделать дерево элементов наподобие генеалогического (отличный пример: схема метро)?

    Здравствуйте. Каким способом можно реализовать такое дерево элементов? Есть какая-то библиотека? Желательно конечно библиотеку. На ум пришло только абсолютное (относительно-абсолютное) позиционирование (что по-моему крайне не очень) и таблица (но как провести линии между элементами?) UPD: Нашел! Treeant.js и Springy

    Asked by iBars, June 20, 2017

    0 votes
    1 answer
22. Что не так в css табов

    Добрый день. Вот по этому мануалы , скопировав все в точности, сделала вкладки , Но дизайн совсем не тот . Подскажите, пожалуйста, что нужно поменять в стилях?

    Asked by fowl, June 20, 2017

    0 votes
    4 answers
23. Две проблемы в JavaScipt (jQuery)

    Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript" src="jquery-3.2.1.min.js"></script> <script type="text/javascript" src="script's.js"></script> <style> input { position: relative; transition: all ease 1s; } </style> </head> <body> <input id="val1" type="text"><br><br> <input id="val2" type="text"><br><br> <button>Посчитать!</button> <button id="lol">Сместить!</button> </body> </html> И его скрипт: $('documen…

    Asked by ErUnDAK, June 21, 2017

    • javascript
    • jquery
    • html
    • css
    0 votes
    5 answers
24. мобильные На мобильниках средняя колонка на пол экрана

    Здравствуйте. Столкнулся с такой проблемой: На стационарных компьютерах верстка отрабатывает нормально, а на мобильных браузерах нет. В мобильных браузерах средняя колонка занимает всего 50% ширины контейнера, предназначенного для нее. http://c3w.ru/fotogalereya/ - альбомы должны располагаться в два столбика, а на мобильных браузкрах располагаются в однин столбик. В общем ширина элемента со значением id="center" на мобильных устройствах почему-то меньше. Кто поопытнее: Подскажите пожалуйста в чем может быть дело и как эту проблему решить.

    Asked by kniaz05, June 21, 2017

    • верстка
    0 votes
    2 answers
25. Проверка работоспособности

    Можете проверить и отписаться насколько долго грузиться сайт. Хамелеон18.рф Заранее спасибо!

    Asked by Fast1kj, June 21, 2017

    0 votes
    6 answers