Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

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

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

    Asked by sc@r@bey,

    0 votes
    5 answers

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

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

    Asked by alleclf,

    0 votes
    5 answers

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

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

    Asked by kokos,

    0 votes
    5 answers

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

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

    Asked by incub,

    0 votes
    5 answers

  5. Как растянуть слайдер на всю секцию?

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

    Asked by tefery,

    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,

    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,

    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 Владимир Горинов,

    0 votes
    5 answers

  9. Как узнать,что создаёт падающие снежинки?

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

    Asked by borus,

    0 votes
    5 answers

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

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

    Asked by spartak9871,

    0 votes
    5 answers

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

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

    Asked by borus,

    0 votes
    5 answers

  12. Задержка трансформации

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

    Asked by aqua.77,

    0 votes
    5 answers

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

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

    Asked by aqua.77,

    0 votes
    5 answers

  14. Ожидание действия

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

    Asked by aqua.77,

    0 votes
    5 answers

  15. прозрачный блок перекрывает ссылку

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

    Asked by Fate-ol,

    0 votes
    5 answers

  16. transform и анимация

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

    Asked by aqua.77,

    0 votes
    5 answers

  17. Создание слайдера.

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

    Asked by ErUnDAK,

    0 votes
    5 answers

  18. Проблема с объединением ячеек сложной таблицы

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

    Asked by TEL,

    0 votes
    5 answers

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

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

    Asked by papay,

    0 votes
    5 answers

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

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

    Asked by SatoRi,

    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,

    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,

    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,

    0 votes
    5 answers

  24. Что лучше выбрать defer или $(document).ready

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

    Asked by aqua.77,

    0 votes
    5 answers

  25. Растянуть блок за пределы родителя в одну сторону

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

    Asked by vip,

    0 votes
    5 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept