HTML Coding

29,542 questions in this forum

1. Как заставить Masonry располагать контент в 3 колонки?

   При настройке Masonry возникает проблема: ширина блоков регулируется отлично (и в %, и в px), но, когда возникла необходимость сделать один из блоков в 2 раза выше остальных блоков - низкие блоки не занимают пустое место рядом с высоким блоком и получается то что на картинке ниже. Перепробовала, как мне кажется, все: в инициализации указывала ширину колонки в пикселях, в процентах, добавляла в код grid-sizer, убирала grid-sizer........... Методом тыка поняла что если увеличить у меня в css ширину блока .grid-item - то колонок становится две - и в таком случае Masonry красиво все располагает. Код здесь (постаралась оставить только суть).

   Asked by VeraVostro, November 24, 2017

   • css
   • jquery
   • flexbox
   • masonry
   0 votes
   3 answers
2. Самовольное изменение размеров элементов макета.

   Добрый день! Имею такой пример https://jsfiddle.net/hfbLxxdr/1/ для построение "плитки". Столкнулся с нюансом: в макете блок-контейнер имеет ширину в 700px. Каждый элемент списка имеет ширину 222px, отступ(margin-right, в примере для красоты поставил по 15) между собой в 20px, построение- 3 в ряд... отсюда вопрос: могу я корректировать сам размеры блока-контейнера/ блоков-элементов, если по замерам я на 6px превышаю заданные размеры блока-контейнера? Или это "расстрельная статья", табу?)))

   Asked by Super_Saimon, November 22, 2017

   • css
   0 votes
   1 answer
3. Открытие картинки на весь экран с затемнением без js

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

   Asked by Ubhra, November 24, 2017

   0 votes
   3 answers
4. Стилизация таб переключателей

   Доброго времени суток уважаемые форумчане. Прошу помощи со стилизацией таб переключателей. Мой код, задуманы как в приложении 11. Заранее благодарен.

   Asked by Igorewa, November 24, 2017

   • стилизация переключателей
   0 votes
   2 answers
5. Css проблема при выравнивании box-sizing:border-box

   Добрый день уважаемые форумчане. Никак не могу понять ХссылкаХ , почему у 3его блока смещение. Прошу тех кто знает рассказать от чего такая проблема и как с ней бороться.

   Asked by Igorewa, November 23, 2017

   • выравнивание блоков
   0 votes
   2 answers
6. Просмотр видео через торрент на сайте

   Как можно реализовать просмотр видео по p2p через ОБЫЧНЫЙ JS плеер, без расширений и всяких сервисов сторонних - только средствами Chrome(Opera и т.п.)? P.s.Реально проверенные способы советуйте - никто как вы поняли зайдя на сайт, не будет устанавливать хрен знает зачем расширение(которое только для ОгнеЛиса помоему)

   Asked by Garamond, November 22, 2017

   0 votes
   3 answers
7. Размер окна браузера (не экрана)

   Для контроля ширины блоков использую медиа запросы в CSS. Они отлично определяют разрешение экрана, но как без js узнать размер окна браузера? P.S. Причем если менять размер размер окна десктопного браузера, то запросы @media screen работают идеально. Мобильный браузер пытаясь имитировать десктопный, уменьшает все так, что шрифт не разобрать. Пытался с помощью (<meta name="viewport" content="width=device-width, initial-scale=1">) исправить, оно просто скалирует не влияя на размер блоков.

   Asked by Ubhra, November 23, 2017

   0 votes
   6 answers
8. Математика и Веб-программирование

   Всем привет. Начал я недавно изучать JavaScript. Раньше, косвенно (в техникуме) изучал C++ (ну и по-стандарту: Pascal, Basic). Сейчас вот решил заняться вёрсткой, а в будущем хотелось бы перейти в JavaScript программисты. С JS вроде всё нормально, но вот задался вопросом насчёт математики. Ясное дело, что программисту очень нужна математика. Сейчас я в выпускном классе на заочном и за последние года 3 не очень часто занимался математикой, и успел всё забыть. Но раньше с ней дружил хорошо. Вот и решил вернуть свои навыки, но так как время идёт, хотелось бы расставить приоритеты в её изучении. Вот собственно и сам вопрос: Можно ли получить примерный список ра…

   Asked by Tascan, November 22, 2017

   0 votes
   2 answers
9. Как растянуть блоки по высоте строки

   вот пример на codeopen.iohttps://codepen.io/anon/pen/gGgMWX Всем ячейкам задана высота 45px. Одной из ячеек задана высота 69px. Строка растянулась по высоте в 69px. Как сделать так, чтобы остальные ячейки тоже растянулись по высоте строки ?? height: 100% не будет работать Мне просто интересно возможно ли как то сделать, не ужели нельзя...

   Asked by SnowSilver, September 25, 2017

   0 votes
   13 answers
10. Почему формат шрифта eot на некоторых сайтах подключают отдельно, от всех остальных fon-face ?

    @font-face { font-family:'SF Pro Display'; font-style:normal; font-weight:500; src: local('☺︎'), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff2") format("woff2"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.woff") format("woff"), url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.ttf") format("truetype"); /* (C) 2015 Apple Inc. All rights reserved.*/ } @font-face { font-family:'SF Pro Display 500'; src: url("/wss/fonts/SF-Pro-Display/v1/sf-pro-display_medium.eot"); /* (C) 2015 Apple Inc. All rights reserved.*/ } 1. Почему при подключении шрифта apple указывает имя шрифту такое font-family: 'SF P…

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

    1 vote
    8 answers
11. Вывод постов определенной категории

    Добрый день! Не могу понять, как реализовать следующее. На сайте есть новостной блок. В нем 4 типа новостей, они находятся на главной странице. У меня получилось вывести их через такой код: <?php $categories = get_categories('include=8,9,10,11'); foreach ($categories as $category) : $link = get_category_link($category->cat_ID); $title = $category->cat_name; $text = $category->description ; ?> <div class="item"> <img src="img/news_pohodi.jpg" alt="" /> <p class="title"><?php echo $title; ?></p> <p class="description"><?php echo $text; ?></…

    Asked by Igor_Dp, November 22, 2017

    0 votes
    0 answers
12. Прилипание блока к видимым границам

    Всем привет! Я тут новичок, не пинайте сразу если что. Требуется аналог position sticky для IE (в режиме совместимости с 7). Надо чтобы в одну строку текст с кнопками и с пунктирной линией проходящей под ними посередине в любой ситуации прилипал к левой и правой границе окна, то есть чтобы не участвовал в горизонтальной прокрутке, но прокручивался вертикально. Также при растягивании окна, текст за которым следуют кнопки находились слева на 20%. То есть если сдвинуть скролл, строка с красной полоской должна остатся на месте, если растянуть окно, то красная полоса растягивается, "( Title )" немного сдвигается вправо. Надеюсь более менее объяснил, за…

    Asked by serzh82saratov, November 21, 2017

    • position
    • sticky
    • ie
    0 votes
    12 answers
13. Как сделать раздачу торрента по HTTP

    Как реализовать раздачу файла через торрент по HTTP, что бы другие тоже могли помогать в раздаче больших файлов(допустим 1.4 гб)?

    Asked by Garamond, November 22, 2017

    • vps
    • ubuntu
    • torrent
    • раздача
    0 votes
    1 answer
14. Баг со ссылкой на сайт

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

    Asked by popugai, November 21, 2017

    0 votes
    2 answers
15. Не работает слайдер

    Добрый день. Есть простой слайдер на радиокнопках. Дело в том, что у меня либо не отображается ни одного слайда, либо сразу все вместе. https://github.com/k1rilenko/Device

    Asked by k1rilenko, November 21, 2017

    • input[type=radio]
    0 votes
    0 answers
16. По БЭМу ли?

    https://jsfiddle.net/qg3n0yaw/

    Asked by Daniil Khanin, November 21, 2017

    • бэм css
    0 votes
    0 answers
17. Поля margin

    Объясните почему свойство margin не выравнивает список ul по вертикали Поля left right добавляет , top bottom нет margin:auto auto; http://disq.us/url?url=http%3A%2F%2Fcssdeck.com%2Flabs%2F5en97f5i%3A51qQJl0sJwuOEAvt2LU-Ebutlwk&cuid=656471

    Asked by Ram, November 21, 2017

    0 votes
    13 answers
18. В Bootstrap верстке на малых устройствах все поля в 2 колонки

    Всем привет, В куске бутстрап кода где на средних и крупных устройствах все поля в 2 колонки : <div class="row "> <div class="form-group col-sm-12 col-md-6 "> <label for="id" class="col-xs-12 col-sm-6 control-label">Id</label> <div class="col-xs-12 col-sm-6"> <input class="form-control integer_input validate" value="1" id="id" readonly=""> </div> </div> <div class="form-group col-sm-12 col-md-6 "> <label for="lender_name" class="col-xs-12 col-sm-6 control-label">Кредитор <span class="required"> * </span> </label> <div class="col-xs-12 col-sm-6"> <input class="form-control stri…

    Asked by mstdmstd, November 21, 2017

    0 votes
    2 answers
19. Сложный слайдер, нужен совет

    Ребят, нужен свежий взгляд, уже голова не варит. Есть слайдер. В нижней части находится ось времени с помесячным шагом. На один месяц на оси времени должно приходиться два слайда. То есть при прокрутке слайдера два раза маркер месяца должен переходить на следующий/предыдущий месяц. Единственное, что приходит в голову, это месяца сделать табами, а внутри каждого таба уже реализовать слайдеры. Но это немного не то, потому что будут работать слайдер только внутри одного месяца, и на другие перемещаться не будет. В общем посоветуйте как поступить

    Asked by brezze, November 17, 2017

    • css
    0 votes
    3 answers
20. Помогите сделать body на весь экран

    Ребят делаю сайт, попросил друг, 3 года как не занимался этим, забросил, и очень многое забыл, сложно делать по старой памяти, но приходиться. Я делаю сайт на подобии того что делал раньше, но у меня видимо очень много ошибок, одна из их не могу понять почему body только закрывает часть сайта, а не на весь, уже больше 2 часов промучился переискал кучу инфы в интернете ничего не помогает, если вы не поможете прийдёться забросить это дело. я всё проверял все галочки всё закрыто, не должно быть ошибок, но боди хоть убей закрывает часть только сайта из за этого едит весь блок вот код в css body{margin:0;background:url(image/3.png)no-repeat;background…

    Asked by Евгений1111, November 20, 2017

    • помогите
    • body сайт
    0 votes
    3 answers
21. Как сверстать такой блок

    Возникла проблема с версткой такого блока как на картинке. Подскажите в каком направлении искать информацию?

    Asked by garmoni, November 19, 2017

    • блок
    0 votes
    17 answers
22. Сылка с переменой

    Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой, То есть как сделать чтобы к силки добавлялось значение с переменой !DOCTYPE html> <html lang="ua-UA"> <head> <meta charset="UTF-8"/> <title>Люстра в моїй кiмнатi</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 align="center">Управлiння люстри в моїй кiмнатi</h1> <div class="zaholovok red" id="r">ЧЕРВОНИЙ</div> <input type="range" id="fan11" min="0" max="1023" value="0" step="1" oninput="fan1()"> <div class="zaholovok green" id="g">ЗЕЛЕНЙ</div> <input typ…

    Asked by Gora, November 18, 2017

    • силка
    • слайдер
    0 votes
    16 answers
23. Не подлючается шрифт 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
24. 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
25. как сверстать

    имеется следующая верстка link Нужно чтобы div.entryFields был резиновым и занимал всю ширину до кнопки button, кнопка button должна быть по правому краю и мы не знаем ее размер Help !!!

    Asked by Daniil Khanin, November 18, 2017

    0 votes
    7 answers