HTML Coding

29542 questions in this forum

1. Равномерная сетка прямоугольников

   День добрый. Есть контейнер, в контейнере блоки. Блоков может быть любое количество. Контейнер может быть любой ширины. Следовательно, количество строк и столбцов заранее неизвестно. Задача: расположить блоки в контейнере так, чтобы их всегда было одинаковое количество на каждой строке. Если в последней строке не хватает одного-двух блоков, то оставшиеся блоки занимают всю строку. Два дня курю как Flexbox, так и гриды, и не вижу решения. Флексы могут оставить на последней строке один элемент, что ужасно некрасиво. Гриды тоже, плюс они его не растягивают. Решения нет, или я его не вижу? Картинка для наглядности.

   Asked by 7ion, August 1, 2017

   0 votes
   6 answers
2. Как вставить готовую таблицу в html-сайт

   Всем привет! HTML изучаю не так давно. Интересует вопрос как вставить готовую таблицу на сайт в место для контента страницы. Суть в том, что она уже готовая таблица, скопированная с какого-нибудь сайта или например вордовского документа как обычный текст, её надо просто вставить на страницу как часть контента, а не пересобирать вручную по html-тэгам. Как правильно это сделать? С помощью чего? Не знаю даже что гуглить, гугл выдает не то, что нужно. Таблица ведь может быть гигантской, вручную собирать по тэгам каждую ячейку же не будешь. Как её обычно вставляют и подгоняют под сайт опытные веб-мастера?

   Asked by prosto_user, August 1, 2017

   0 votes
   4 answers
3. Уменьшение разрешения, разных изображений

   Есть такая проблема, если загрузить изображение, у которого сторона x короче стороны y, то всё нормально, а если наоборот, то после загрузки, остаётся пустое место, как этого избежать? Можно дописать атрибут height=80, но тогда изображения будут искажаться. https://jsfiddle.net/0bL3m6mm/

   Asked by DivMan, August 1, 2017

   0 votes
   6 answers
4. Лишнее пространство в таблицах

   Не получается убрать пустое пространство в ячейках таблиц. Уже границы объединил, отступы убрал, всё равно пространство остаётся, причём в каждой таблице разное, видимо зависит от количества контента. Пустое пространство находится именно внутри ячеек. Как его убрать?

   Asked by AlexProf, August 2, 2017

   • table
   0 votes
   5 answers
5. Перенаселение div'ов или как верстать правильно?

   Я смотрю на современные сайты и их исходный код. Потом я смотрю на то, какой получается верстка, благодаря bootstrap и ему подобных css-фреймворков. И у меня зреет далеко не новый вопрос - как верстать? Чтобы выровнять тот или иной блок, приходится прибегать к тому, что мы плодим бесконечные <div>. Для каждого пишем класс и разрабатываем его в лишних строках CSS. И подключаем еще один CSS с media queries, чтобы все получилось адаптивно... Да, сейчас к нам приходят flex и это здорово! Это как раньше была замена табличной верстки или введение анимаций. Но семантика рушится. Раньше я ориентировался на What Beautiful HTML looks like, но сейчас это далеко не вс…

   Asked by Libiros, August 2, 2017

   • div
   • cемантика
   • скорость загрузки
   0 votes
   5 answers
6. Почему не работает padding?

   Здравствуйте! У меня такой вопрос. Почему у блока див с классом sidebar не работает padding? Как это исправить? <div id="wrapper"> <header id="header"> Header </header><!-- .header--> <div id="page" class="clearfix"> <div id="content-wrap"> <div id="content" class="clearfix"> <h1>Главная страница</h1> <p>В рамках спецификации современных стандартов, сторонники тоталитаризма в науке и по сей день остаются уделом либералов, которые жаждут быть разоблачены. Мы вынуждены отталкиваться от того, что разбавленное изрядной долей эмпатии, рациональное мышление предопределяет высокую востребован…

   Asked by tigrus2014, August 3, 2017

   0 votes
   2 answers
7. Подскажите, почему блок (тег <ul>) самостоятельно задает себе margin-top?

   Поясню - Создаю блок ,div> внутри которого мне нужен тег <ul>, при этом тег div прилегает к верхнему краю страницы, а тег ul самостоятельно создает себе отступ от верхнего края страницы. Вопрос - почему так происходит? И как с этим бороться? Знаю можно с помощью overflow, созданием рамки(transparent), float: left. - таким образом мы уберем зависимость тега div от ul, но тег ul так и останется на своем месте. Конечно можно еще в свойствах тега ul прописать margin-top: 0px;. НО не слишком ли много действий? Хотелось бы упростить, и понять причину. Ссылка на HTML и CSS https://jsfiddle.net/j6z93mmk/

   Asked by TEO_911, August 3, 2017

   • тег ul
   0 votes
   1 answer
8. background-attachment

   https://www.w3schools.com/cssref/pr_background-attachment.asp Непонятки с local и initial А webdeweloper от firefox выдает еще и unset Зачем они нужны? Если можно с примерами. Спасибо!!!

   Asked by torsar, August 3, 2017

   • background-attachment
   0 votes
   3 answers
9. Выравнивание элементов

   Не получается разобраться, как работает свойство vertical-align. В таблицах работает, а для строчных элементов почему-то нет. Пытаюсь сделать вертикальное выравнивание, но текст не сдвигается <div style="height: 200px"><span style="vertical-align: middle">Текст</span></div> Как правильно устанавливать это свойство?

   Asked by AlexProf, August 3, 2017

   • выравнивание
   0 votes
   15 answers
10. Как выровнять текст прижав к низу diva

    Html <header> <div class="container services"> <div class="row"> <div class="col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 108.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div> <div class="col-md-offset-1 col-xs-offset-1 col-md-2 col-xs-2 service"> <a href="#"> <img src="img/Shape 127.png" class="main" alt=""> <p>Услуги<br/>поликлиники</p> </a> </div>…

    Asked by Sunboy, August 4, 2017

    • html
    • css
    • bootstrap
    0 votes
    5 answers
11. Как убрать у слайдера фон

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

    Asked by WebNewbe, August 4, 2017

    • html
    • css
    • javascript
    • верстка
    0 votes
    2 answers
12. Помогите разобраться с адаптивным меню

    В бустрапе контейнер создает свою стандартную ширину 1140 вроде, я ставлю свою 1024 и у меня слетает nav меню для мобильного разрешения HTML <header> <div class="container"> <div class="row hidden-xs"> <div class=" col-lg-3 header-logo"> <p>Burgers<span>.co</span></p> </div> <div class="col-lg-7 col-lg-offset-2 header-menu"> <ul class="nav nav-pills "> <li class="active"><a href="#">Home</a></li> <li><a href="#">Our Burgers&…

    Asked by Sunboy, August 4, 2017

    • css
    • html
    • bootstrap
    0 votes
    0 answers
13. Как перевести пикселы в rem?

    Здравствуйте! Как перевести padding и щрифт из пикселей в единицу измерения rem?

    Asked by tigrus2014, August 4, 2017

    0 votes
    3 answers
14. Подскажите как сделать такой слайдер

    Здравствуйте подскажите как сделать такой слайдер.Чтобы активный вылетал вперед, это я понимаю на актив меню. Только css нужно делать?У меня например в вёрстке 10 элементов.Показываются 5 как на картинке, но 1 и последний должен быть такого размера и с z-index.В общем только css можно сделать.Либо в слайдере есть какие либо опции? https://gyazo.com/fa6bd54d98ebda1be6efd19325418d8a И вообще как лучше сделать,спасибо

    Asked by maxi5, August 7, 2017

    • слайдер
    • как сделать
    0 votes
    3 answers
15. Видеоплеер для сайта

    Подскажите как сделать такой-же раздел с видео как в ВК. Чтоб внизу были просто виде при наведении на которые появлялась кнопка плей при нажатии на которую открывался плеер в Фэнси-боксе. А вверху плейлисты при проигрывании которых справа в плеер появлялся список видео в плейлисте. Ато кучу видео просмотрел там только рассказы как свой плеер на HTML5 или JS сделать

    Asked by Brodyaga337, August 7, 2017

    • видео
    • плейлисты
    • видео-плеер
    • интерфейс
    0 votes
    0 answers
16. Поддомены в папках основного домена

    Здравствуйте. Пытаюсь реализовать поддомены в папках основного домена и отчасти это получилось. Индексный файл субдомена лежащий в папке subdomain открывается как subdomain.domain.ru переадресация реализована файлом .htaccess, но когда мы создаем в папке subdomain, например папку name с index.php то путь до него получается следующим subdomain.domain.ru/subdomain/name, хотелось бы subdomain.domain.ru/name. Собственно, вопрос в том как убрать этот самый лишний subdomain из адресной строки. Создать отдельную директорию на хостинге под домен не вариант, так как поддоменов будет более 100. Часть htaccess выглядит следующим образом: RewriteCond %{HTTP_HOST} ^www\.(.*)…

    Asked by Dmitriy5023, August 7, 2017

    0 votes
    0 answers
17. Border-image

    Ребят здравствуйте подскажите почему не работает код нужно сделать бордер картинкой только с одной стороны border-image: url("../img/brimg.png"); border-top:0; border-left: 0; border-bottom: 0; или подскажите как сделать такие разделители при условии что ховер должен быть таким как вариант я использовал бордер но он заполняет всю сторону блока,

    Asked by Евгений_SB, August 8, 2017

    0 votes
    2 answers
18. Код CSS не работает

    Написал код точно как в учебнике, но он не работает. В чем причина? Скриншоты прилагаются. Скрытый текст http://prntscr.com/g5xbse Скрытый текст http://prntscr.com/g5xdpg

    Asked by zevs95, August 8, 2017

    • html
    • css
    0 votes
    5 answers
19. Резиновые отступы

    Есть в одной строке 4 блока. Первый блок выравнивается по левому краю, последний по правому. Как сделать на css расстояние между всеми блоками одинаковым, причем чтобы оно менялось при изменении разрешения экрана. Все блоки разной ширины.

    Asked by Alex219, August 8, 2017

    0 votes
    2 answers
20. Проблема выравнивания по центру

    Всем привет. Есть сайт нашей компании созданный на вордпресс. Проблема выравнивания блока по центру. Сам сайт lf.winsys.su, Блок "Наши услуги" Подскажите пожалуйста как исправить, сам особо не шарю в сайтах, попросили исправить на работе Думаю проблема именно в float: left; <style> figure { color: #fff; margin: 0 10px 10px 0; /* Отступы */ text-align: center; /* Выравнивание по центру */ float: left; /* Блоки выстраиваются по горизонтали */ } figure img { } figure p { margin-bottom: 0; /* Отступ снизу */ } </style> <div class="parent"> <article> <figure> <p>&…

    Asked by Fockus30, August 10, 2017

    0 votes
    4 answers
21. Стилизация input type и его превью

    Мне надо было стилизовать input type, и что бы после загрузки, показалась превьюшка, я искал готовые решения, но они были какие-то очень большие, некоторые даже подключают большой css файл ratchet.css. И я решил написать свой решение, хороший ли это способ? https://jsfiddle.net/w30shtu9/ Скрытый текст <div class="wrap"> <div> <img src="" class="img-circle" id="theImage"> </div> <input type="file" id="photoInput"> <button class="addImg">Доб. Изображение</button> </div> Скрытый текст .wrap {border: 1px solid; width: 500px;} #photoInput { display: no…

    Asked by DivMan, August 8, 2017

    0 votes
    2 answers
22. Регулярные выражения в html

    Увидел здесь http://htmlbook.ru/samhtml5/formy/shablon-vvoda-dannykh шаблон ввода данных для текстовых полей формы обратной связи. Насколько я знал, подобное делается на js и php. Верное ли это решение для сегодняшнего дня и стоит ли это примеять? Ведь дата публикации достаточно стара — 10.09.2011.

    Asked by dupre, August 9, 2017

    • шаблон
    • ввод данных
    • обратная связь
    0 votes
    1 answer
23. Как тестировать адаптивность в браузере Fire Fox

    Здравствуйте! У меня такой вопрос. При начальном тестировании адаптивного сайта использую браузер Fire Fox, то есть-открыть меню->разработка- >адаптивный дизайн. Можно сворачивать-сжимать окно браузера и в левом углу в поле устанавливать размер окна, в который можно вводить нужный размер. Всё это хорошо, но вот только я видел в уроке такое, что при сжимании окна появляется подсказка размера, который имеет браузер при сжимании-растягивании окна браузера и автор видит, на каком размере находится точка, где нужно ставить медиа запрос. Проблема в том, что у меня в браузере нет такой подсказки, как не искал. Может кто-то знает, как настроить браузер?

    Asked by tigrus2014, August 9, 2017

    0 votes
    3 answers
24. Как сделать что бы картинка собиралась из разных частей css

    Совсем не понятно как сделать что бы картинки накладывались на сайте друг на друга, но с эфектами css ну так сказать собиралась из разных частей, ну там сначала появляется фон потом человек и дальше солнце. Код вот такой: <html> <head> <link rel="stylesheet" href="animate.css"> <script src="wow.min.js"></script> <script> new WOW().init(); </script> <div style="text-align: center"> </head> <body bgcolor="##006400"> <p><img class= "wow zoomin" data-wow-duration="5s" src="FON_line_1.png" width="80%"><p> <p><img class= "wow zo…

    Asked by Gleb_M, August 12, 2017

    0 votes
    4 answers
25. Проблемы с вставкой изображения

    у меня есть список: <nav> <ul class="navigation"> <li><a id="link" href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li class="cb"><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> <li><a href="">текст</a></li> </ul> </nav> и есть стили кото…

    Asked by vladimirte, August 12, 2017

    • css
    0 votes
    1 answer