HTML Coding

29,542 questions in this forum

1. Работы с svg файлами

   Не нашел однозначного ответа, как вставлять svg файлы с возможностью изменять цвет и размеры?

   Asked by sc@r@bey, December 8, 2016

   0 votes
   5 answers
2. Не могу сделать всплывающее окно

   Необходимо сделать всплывающее окно на весь экран. Проблема в том что те реализации которые я находил не подходят. Суть в том, что во всплывающее окно должно попасть то что и так размещено на странице - просто переместиться в окно и растянуться на весь экран. Вот пример - http://jsfiddle.net/p7NbX/15/ Мне это не подходит так как то что всплывет в окне прописывается отдельно от того что просто отображается на сайте. Моя задача - разместить на сайте видео-ролик. Если реализовать подобным методом получится 2 одинаковых ролика на странице. То есть, если я включу ролик и посмотрю 10 сек., а потом решу продолжить просмотр развернув его на весь экран - он нач…

   Asked by alleclf, December 12, 2016

   0 votes
   5 answers
3. Вертикальное меню CSS

   Привет всем, у меня возник вопрос не могу найти ответа в гугле.. В общем такая проблема и вопрос. Есть вертикальное меню с подменю нужно сделать так что бы оно было фиксированным, это я знаю как сделать position: fixed; но тут возникает проблема что когда открываешь подменю и в нем больше пунктов чем может вместится на экране их просто не видно за пределами... Вот и возникает вопрос как сделать так что бы оно было фиксированным и в тоже время подменю скользили вместе с экраном при прокрутке (извините за тавтологию) не знаю как это еще объяснить)

   Asked by kokos, December 15, 2016

   0 votes
   5 answers
4. Как экспортировать слайдер на макете?

   Вот на макете, не могу понять как экспортировать слайдер, самый первый под меню и лого, то ли объединить все в один слой или как нить по другому? вот макет site.psd

   Asked by incub, December 17, 2016

   • psd
   • photoshop
   0 votes
   5 answers
5. Как растянуть слайдер на всю секцию?

   Есть футер и есть шапка. Футер не фиксированный. Между ними контент. Первый экран контента один большой слайдер. Как его растянуть на всю секцию первого экрана? Шаблон адаптивный. Максимальная ширина контента 1200px. Пробую прикрутить jquery плагины со слайдерами, но как их вытянуть на высоту 100%? Думал через абсолют, но во всех слайдерах чёрт ногу сломит и где-то глубоко в коде скриптом задаются стили и позиционирование. И не факт, что абсолютом заведётся. То есть в итоге задача растянуть по высоте и ширине слайдер или бэкграунд слайдера, что бы он был на всю ширину экрана и резиновый по высоте. Но контент слайдера должен быть максимально по ширине 1200px при…

   Asked by tefery, December 22, 2016

   • jquery
   • slider
   • адаптивность
   0 votes
   5 answers
6. Почему не работает псевдокласс

   <input name="search" type="text" placeholder="Поиск..."> input:after{ content: ""; display: block; width: 20px; height: 10px; background: black; margin: 20px 0; } Не понимаю должен блок появляться https://jsfiddle.net/gnzrnko8/

   Asked by aqua.77, December 23, 2016

   0 votes
   5 answers
7. Как сделать слайд блока на чистом JS?

   Приветствую всех! В общем на html странице есть 2 блока: с приветствием и кнопкой и второй блок с калькулятором. Хотелось бы сделать, чтобы при нажатии на кнопку первый блок плавно сдвигался влево и исчезал(как бы за границу экрана), а второй плавно появлялся на его месте. Все как бы работает, но как я понял display:block ломает всю анимацию, то есть второй блок появляется не плавно. Подскажите как лучше это реализовать. Хотелось бы просто, без jQuery. Вот код <div id="content"> <div id="welcome"> <a href="#" id="try-it"/> </div> <div id="calc-wrapper"> </div> </div> #welcome { transition: all 1s ease-in; } …

   Asked by hetsketch, December 24, 2016

   • js
   • css
   0 votes
   5 answers
8. Проблемы с htaccess

   Не подключается файл .htaccess( закинул его на хостинг, но гугл спид так и не показывает что файлы кэшируються - вот сам код htaccess <ifModule mod_expires.c> # Add correct content-type for fonts AddType application/vnd.ms-fontobject .eot AddType application/x-font-ttf .ttf AddType application/x-font-opentype .otf AddType application/x-font-woff .woff AddType image/svg+xml .svg # Compress compressible fonts AddOutputFilterByType DEFLATE application/x-font-ttf application/x-font-opentype image/svg+xml ExpiresActive On ExpiresDefault "access plus 5 seconds" # Cache Images ExpiresByType image/x-icon "access plus 2592000 seconds" ExpiresByType image/jpeg "access…

   Asked by Владимир Горинов, December 25, 2016

   • html
   • access
   • apache
   0 votes
   5 answers
9. Как узнать,что создаёт падающие снежинки?

   Здравствуйте. Помогите, пожалуйста, понять, как вычислить, что создаёт падающие снежинки на сайте. Поиск в коде по .js меня ни к чему не привёл, нашел только div с классом snowfield, скрипт не пойму, как найти

   Asked by borus, December 26, 2016

   0 votes
   5 answers
10. укажите на основные ошибки верстки

    "учу" верстку уже очень долго но из за того что нет мотивации кроме как хочется но не колоситься научился не многому как я уже писал укажите на основные ошибки ибо знакомых верстальщиков нет хотелось бы развивать навык но из за того что не нахожу подходящей вакансии со стажировкой хоть как то применить знания и увидеть все изнутри в общем там большой прирост с подобной практики из за этого приходится просить вас. Заранее спасибо за потраченное время. https://spartak987.github.io/

    Asked by spartak9871, December 27, 2016

    0 votes
    5 answers
11. Как скопировать эти снежинки

    Здравствуйте! Скажите, как скопировать снег с этого сайта? Заодно спрошу, насколько это ресурсоёмкое украшение с точки зрения клиентских машин посетителей? Спасибо

    Asked by borus, January 6, 2017

    • снег
    0 votes
    5 answers
12. Задержка трансформации

    Как заставить элемент удалиться только после 2-х секунд наведении вышкой? transition:display 2s 2s; :first-of-type:hover{ display: none; }

    Asked by aqua.77, January 9, 2017

    0 votes
    5 answers
13. Абсолютно позиционированный объект выходит за пределы

    Абсолютно позиционированный объект выходит за пределы, можно поставить left:10px right:10px но есть другой вариант? Что применить чтобы абзац придерживался и не вылазил за отступ? https://jsfiddle.net/t3wfdnf9/

    Asked by aqua.77, January 20, 2017

    0 votes
    5 answers
14. Ожидание действия

    Вот меню:https://jsfiddle.net/b5uma4re/2/ Если на вкладке "О нас" несколько раз наводить и убирать указатель мыши, то подменю будет выезжать несколько раз. Как сделать чтобы подменю реагировало только если указатель находится 500 миллисекунд ? т. е. если указатель продержался 400 миллисекунд и убрался то подменю не появляется.

    Asked by aqua.77, January 24, 2017

    • jquery
    0 votes
    5 answers
15. прозрачный блок перекрывает ссылку

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

    Asked by Fate-ol, February 1, 2017

    • ссылка
    • прозрачность слоев
    0 votes
    5 answers
16. transform и анимация

    $('div').animate({ transform: 'translateX(400px)' }); Код корректен, но не работает. Как применить анимацию с перемещением блока на 400px?

    Asked by aqua.77, February 10, 2017

    • jquery
    0 votes
    5 answers
17. Создание слайдера.

    Здравствуйте. Делаю свой простенький сайт, заполнил его нужным текстом, но вот проблема: я не знаю JavaSCript, который, наверное, нужен для создания слайдера. Есть ли сатья по созданию слайдера (горизонтального) и по обучению JavaScript?

    Asked by ErUnDAK, February 10, 2017

    • javascript
    • css
    • html
    0 votes
    5 answers
18. Проблема с объединением ячеек сложной таблицы

    Добрый день! Помогите решить проблему. При объединении ячеек, остается пустой <tr>, без <td> внутри него и из-за этого не происходит объединения правильно. Вот пример, нужно объеденить в ряде 2 - ячейку 1 и в ряде 3 - ячейку 1. Пример - https://jsfiddle.net/ra9n2tu6/

    Asked by TEL, February 13, 2017

    0 votes
    5 answers
19. Помогите с красивым оформлением input range на css

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

    Asked by papay, February 17, 2017

    0 votes
    5 answers
20. Полосы в psd макете & вопросы

    Здравствуйте. При верстке по psd макету столкнулся с проблемой разметки одного из элементов, а именно полосы над и под основным содержимым главной страницы. Собственно вопрос: эти полосы реализовывать как изображение? Если да, то тегом img или div? И еще вопросик по шаблону: можно ли обрезать изображения с помощью css? К примеру левое изображение людей при нарезке изображений из макета в фотошопе у меня немного более полное, а на картинке снизу оно несколько обрезанное(немного приближено). Как реализовать эту серую разделяющую линию в основном контенте? border-left/right немного не так ее изображает(по высоте блока, а на картинке она ниже) или это не столь важн…

    Asked by SatoRi, February 18, 2017

    0 votes
    5 answers
21. Помогите пожалуйста, я уже задрался!

    У меня в коде HTML/PHP почему-то тег (или как это назвать) <?php Открывает не php код, а html комментарий и получается, что на странице отображается кусок PHP кода после CURLOPT_URL =>. В notepad++ всё отображается правильно, помогите пожалуйста, я замучился уже. <body> <form action="" method="get"> <input type="text" name="url"> <input type="submit" value="Вася, ран"> </form> </body> <?php $options = array( CURLOPT_URL => 'http://audiotag.info/index.php', CURLOPT_RETURNTRANSFER => true, CURLOPT_POST => true, CURLOPT_POSTFIELDS => http_build_query(array('URL' => $_GET['url'], 'step' => '22')), );…

    Asked by zax2002, February 24, 2017

    • html
    • php
    0 votes
    5 answers
22. Проблема с изменением цвета кнопок и фона в wordpress

    Добрый день! У меня возникла проблема с изменением цвета кнопок главного меню на сайте http://aoe9map6.beget.tech/ Ссылка на скрин - http://rgho.st/8n7Mb7F4c Скрин 2 - http://rgho.st/6ltWqhXKD Сайт сделан на движке wordpress. Главная проблема - не могу через встроенный в вордпресс редактор "style.css" найти эти параметры color (именно для цвета меню и кнопки поиск), которые нужно поменять на свои. ( К примеру color: #626668; просто заменить на color: #4c66a4; ) Цвет кнопок нужно сделать красные (вместо черных), и кнопочку поиск тоже красную.. цвет шрифта кнопок синий (вместо белого). Чтобы было понятней на скрине все показано. Тема word…

    Asked by mouseee, February 24, 2017

    0 votes
    5 answers
23. Работа с несколькими классами

    Дан код: <style> a { display: inline-block; margin-left: 5px; } .loli { height: 75px; width: 100%; display: inline-block; background-color: #0099cc; left: 600px; } .loli ul { padding: 0; margin: 0; font-size: 0; overflow: hidden; text-align: center; } .loli ul li { display: inline-block; list-style: none; font-size: 36px; } .loli ul li a { color: #fff; text-decoration: none; height: 75px; line-height: 75px; padding: 0 15px; position: relative; z-index: 10; } .loli ul li a:hover { color: black; } .loli ul li a::before { content: …

    Asked by ErUnDAK, March 6, 2017

    • class
    • css
    • html
    0 votes
    5 answers
24. Что лучше выбрать defer или $(document).ready

    Оба метода гарантируют что скрипт загрузится только после того когда загрузится весь html документ. Какая между ними разница кроме той, что $(document).ready пишется в js файле, а defer в атрибуде?

    Asked by aqua.77, March 13, 2017

    • javascript
    • html
    0 votes
    5 answers
25. Растянуть блок за пределы родителя в одну сторону

    https://jsfiddle.net/digitalmedia/1ag23rdb/ Необходимо растянуть блок .map до правого края браузера. Есть ли какое то решение для этого?

    Asked by vip, March 14, 2017

    0 votes
    5 answers