HTML Coding

29,542 questions in this forum

1. Размер окна браузера (не экрана)

   Для контроля ширины блоков использую медиа запросы в 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
2. Математика и Веб-программирование

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

   Asked by Tascan, November 22, 2017

   0 votes
   2 answers
3. Вывод постов определенной категории

   Добрый день! Не могу понять, как реализовать следующее. На сайте есть новостной блок. В нем 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
4. Просмотр видео через торрент на сайте

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

   Asked by Garamond, November 22, 2017

   0 votes
   3 answers
5. Как сделать раздачу торрента по HTTP

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

   Asked by Garamond, November 22, 2017

   • vps
   • ubuntu
   • torrent
   • раздача
   0 votes
   1 answer
6. Самовольное изменение размеров элементов макета.

   Добрый день! Имею такой пример 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
7. Баг со ссылкой на сайт

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

   Asked by popugai, November 21, 2017

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

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

   Asked by k1rilenko, November 21, 2017

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

   https://jsfiddle.net/qg3n0yaw/

   Asked by Daniil Khanin, November 21, 2017

   • бэм css
   0 votes
   0 answers
10. В 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
11. Прилипание блока к видимым границам

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

    Asked by serzh82saratov, November 21, 2017

    • position
    • sticky
    • ie
    0 votes
    12 answers
12. Поля 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
13. Помогите сделать 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
14. Почему формат шрифта 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
15. Как сверстать такой блок

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

    Asked by garmoni, November 19, 2017

    • блок
    0 votes
    17 answers
16. Помощь со "Скролируемом Меню" на html

    Здравствуйте, у меня такая проблема. Я хотел сделать скролируемое меню с ссылками на ресурс. Написал команду, и т.д. Выучил только теги html, к CSS (или как там) даже не прикасался. Так как сделать скролируемое меню с ссылками, если это вообще возможно. Объясните пожалуйста.

    Asked by GrowStay, November 18, 2017

    • верстка
    • теги
    • новичок
    0 votes
    1 answer
17. Подгонять высоту слайдов под заданную высоту

    Здравствуйте. Есть читалка сделана из слайдера, где слайды это блоки в текстом. Слайды с текстом получаются разной высоты и отличаются друг от друга на несколько строк. Думаю задать максимальную высоту слайда, чтобы на слайдах с большой высотой текста межстрочный отступ уменьшался, а на слайдах с малой высотой текста увеличивался. Как это сделать на css не знаю. Пробовал line-height указывать в процентах, но что-то не то получается. Может не так пробую. Посоветуйте как лучше сделать.

    Asked by uppercase_css, November 18, 2017

    0 votes
    4 answers
18. Сылка с переменой

    Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой, То есть как сделать чтобы к силки добавлялось значение с переменой !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
19. как сверстать

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

    Asked by Daniil Khanin, November 18, 2017

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

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

    Asked by brezze, November 17, 2017

    • css
    0 votes
    3 answers
21. Формы в HTML

    Как сделать такую форму?

    Asked by Daniyar, November 17, 2017

    0 votes
    1 answer
22. Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?

    Добрый день! Подскажите, как расположить блоки таким образом как на картинке. Текстовые блоки, я думаю, можно разместить с помощью Masonry. И напрашивается обернуть эти блоки во #wrapper, разместить его посредине...... Но как быть с моментом что в таком случае фон блоков выходит за пределы #wrapper? Тут же уже не получится задать background для body и размещать весь контент внутри wrapper?....

    Asked by VeraVostro, November 17, 2017

    • html
    • css
    • masonry
    0 votes
    11 answers
23. Прозрачные иконки

    Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон

    Asked by brezze, November 16, 2017

    • css
    0 votes
    15 answers
24. В сетке bootstrap два col-md-6, одно падает вниз

    Добрый день. При создании верхнего меню сайта с сеткой bootstrap правая часть падает вниз под левую. Не могу найти в чем причина. Код https://jsfiddle.net/aw0qvc0e/

    Asked by garmoni, November 16, 2017

    • bootstrap
    • меню
    0 votes
    21 answers
25. На устройствах с малой высотой экрана футер уезжает высоко вверх

    Здравствуйте. На главной странице, футер имеет стиль position absolute, чтобы футер был поверх картинки. В тоже время сделано так чтобы слайдер растягивался на всю ширину и высоту экрана. Но на устройствах с малой высотой экрана(мобильные устройства) футер уезжает сильно вверх. Теперь думаю отменить растягивание картинки на всю высоту экрана, на устройствах с малой высотой. min-height что то не срабатывает, @media для высоты нет вроде. Посоветуйте, пожалуйста что сделать.

    Asked by uppercase_css, November 15, 2017

    0 votes
    2 answers