HTML Coding

29542 questions in this forum

1. Помогите сверстать плитку из картинок разной ширины?

   Посоветуйте как сделать плитку из картинок разной ширины? Схема как во вложении. Как сделать чтобы картинки сами укладывались? Пробовал делать через display inline-block, float left , но первая и вторая картинки встают на место , а картинка под номером 3 горизонтальная картинка уходит ниже второй картинки. Горизонтальные картинки одинаковые между собой и вертикальные картинки одинаковые между собой. Картинок много. Как на картинке сначала идут слева 2 горизонтальные картинки и 1 вертикальная картинка справа. Следующий ряд слева 1 вертикальная картинка и справа 2 горизонтальные картинки . А дальше все чередуется точно также.

   Asked by uppercase_css, October 12, 2017

   0 votes
   3 answers
2. Помогите сделать в ряд изображения

   Не могу понять как сделать чтобы изображения встали в ряд и сделать им одинаковый размер. https://jsfiddle.net/4uc2xLqz/

   Asked by Sunboy, October 13, 2017

   • bootstrap
   0 votes
   1 answer
3. Как сделать расстояние у изображений в ряд и не потерять адаптивность

   Нужно сделать расстояние между фотками, но если я добавлю margin-left вся дальнейшая адаптивность катиться в тартарары. https://jsfiddle.net/4uc2xLqz/2/

   Asked by Sunboy, October 13, 2017

   • bootstrap
   • css
   0 votes
   1 answer
4. Как установить картинку?

   по центру что бы при изменении окна она сдвигалась в центр? Извините за глупый вопрос, новичок просто.

   Asked by lockyHC, October 13, 2017

   • картинка
   • css
   0 votes
   1 answer
5. Пустое место при сдвиге "скроллера" вправо

   Делаю сайт: http://czechturizm.cz резиновым (для мобильников и прочего) Слайдер .slider хочу сделать на минимальную и максимальную ширину браузера... и вот, когда окно браузера уменьшить (по ширине) чтобы снизу была полоса прокрутки, то прокрутив ее вправо... слайдер остается зафиксированным, и появляется пустое место (черный экран - я сделал фон body черным, чтобы легче заметить косяки). Как это исправить? чтобы не было пустого места... или скроллер не появлялся? —————————— Вопрос решен (вроде) оказывается, ширина среднего блока была шыре верхнего...

   Asked by all-zer, October 14, 2017

   0 votes
   1 answer
6. Как сохранить прямоугольные формы пунктов меню при изменении...?

   Как сохранить прямоугольные формы пунктов меню при изменении разрешения экранов? http://oilcity.su/ Конечно можно просто медиа запросами за счет падингов, но может есть более универсальное решение?

   Asked by daggi, October 14, 2017

   • меню адаптив
   0 votes
   2 answers
7. Как сделать высоту карты яндекс адаптивной ?

   Как сделать высоту карты яндекс адаптивной ? http://oilcity.su/ http://prntscr.com/gxdph2

   Asked by daggi, October 14, 2017

   0 votes
   4 answers
8. <td> вложенные элементы

   Согласно Webref, <td> не является блочным элементом. Мне нужно поместить в эту ячейку несколько тегов по вертикали. <span> не даст вертикального расположения, назначить его display: block; вероятно нельзя... Предложите пожалуйста решение.

   Asked by seemax, October 16, 2017

   0 votes
   4 answers
9. Проблема с счетчиком посещаемости

   Я новичок скачал шаблон на bootstrap отредактировал его под себя и после всех трудов у меня возник вопрос. Все страницы на HTML5 в будущем будет до 20, как мне на сайт поставить счетчик посещаемости, яндекс и гугл примочки. ставить отдельно на каждую страницу по-моему не есть гуд. Есть какой нибудь способ, весь нет изрыл, но ничего полезного не нашел. Бросать все и переходить на cms жалко.

   Asked by rsca, October 16, 2017

   0 votes
   0 answers
10. Проблема с атрибутом media

    Недавно начал учиться верстке. Столкнулся с адаптацией, и тут возникла одна проблема: моя среда разработки как-будто не видит медиа-запросы. Написал примитивный код, чтобы проверить. У друзей код работает, у меня нет. Подскажите с чем это может быть связано. Прикрепляю скрины.

    Asked by Yudin, October 16, 2017

    • адаптация
    • медиа-запросы
    • media
    • @media
    0 votes
    1 answer
11. Поиск по названию сайта

    Здравствуйте , у меня такая задача: Мне надо , чтобы у меня был поиск картинок по названию с подсказками Например: Имя файла: картинка.png Я ввожу слово картинка и он мне ее выбирает , а дальше скрипт выполняет свое дело

    Asked by warianet, October 17, 2017

    0 votes
    1 answer
12. Позиционирование изображения с помощью vertical-align: middle

    Доброе утро! Столкнулся с ситуацией: нужно отцентрировать изображение(прижать его по оси х к левому краю, и по оси у по центру). Решил попробовать центровку через vertical-align. Задал родительскому блоку и дочернему Display: inline-block. Задал vertical-align: middle самому изображению. Но "чуда не произошло". Насколько я понимаю это свойство задается самому блоку, который центрируем, не родительскому? Но где результат тогда? Извиняюсь что без кода-инета на рабочем компе нет.

    Asked by Super_Saimon, October 17, 2017

    • css
    0 votes
    7 answers
13. Вертикалное направление текста в таблице

    Добрый день. Как стандрартными стредствами html и css кроссплатформенно перевернуть текст в таблице? Есть способ переворота с помощью transform: rotate(-90deg); transform-origin: left top 10; но текст вылазит за пределы ячеек таблицы. существуют другие рациональные варианты??

    Asked by 3DBTChe, October 18, 2017

    0 votes
    2 answers
14. img в div по центру

    Долго бился получил такой код: <div style="background: black;width:100%;height:100%;margin: auto; text-align: center;position: absolute;"> <img align="top" src="/images/video.jpg" width="700" height="394" alt="Video" style="width:100%;height: auto;position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;" /> </div> выглядит так но на телефоне растягивает?

    Asked by lev99, October 19, 2017

    • css
    0 votes
    4 answers
15. AOT в angular2

    ребята, подскажите пожалуйста правильно ли я понимаю как сделать AOT-компиляцию angular2-проекта первый способ это перед помещением файлов проекта на хостинг использовать команду node_modules/.bin/ngc -p tsconfig-aot.json и после этого файлы из каталога src скопировать на хостинг но второй, более простой, способ это просто установить пакет angular-cli и запустить команду ng build. в результате создастся каталог build, который остаётся только скопировать на хостинг

    Asked by cyklop77, October 19, 2017

    • angular
    • aot
    0 votes
    0 answers
16. Как лучше сверстать?

    Всем привет! Давно сам не просил помощи и сам не советовал. Но вот настал момент, когда я застрял на простой задаче. Есть стандартная сетка бутстрап. Верстка примерно такая https://codepen.io/Schamil74/pen/QqYEGY Есть блок .text1(выделен цветом и подписан), который нужно растянуть за контейнер. Как лучше сверстать ? Сейчас куском за контейнером блок - .row_green

    Asked by Schamil74, October 19, 2017

    • bootstrap
    • css
    • html
    0 votes
    0 answers
17. График контрибутов.

    Почему на графике контрибутов, квадраты закрашиваются максимально зеленым цветом независимо от того, что я сделал?

    Asked by Blend1n, October 21, 2017

    • github
    • гитхаб
    0 votes
    2 answers
18. Помогите, пожалуйста, с идеями по поводу верстки

    Всем привет, помогите, пожалуйста, с идеями верстки следующего :

    Asked by Sparrow, October 21, 2017

    • верстка
    • html
    • css
    • новичек
    0 votes
    2 answers
19. Слайдер с миниатюрами вместо стрелок

    Здравствуйте. Ребята, нужна ваша помощь. Согласно дизайна в слайдере вместо стрелок "prev" и "next" должны отображаться миниатюры предыдущего и следующего слайда. Подскажите, пожалуйста, в какую сторону смотреть или хотя бы как правильно загуглить. У меня идей нет вообще.

    Asked by Crystal-3, October 21, 2017

    0 votes
    6 answers
20. Код Виджета плейлиста, переделать в iframe

    Вот такой код: <script type="text/javascript" src="//vk.com/js/api/openapi.js?150"></script> <!-- VK Widget --> <div id="vk_playlist_-2000646569_646569"></div> <script type="text/javascript"> VK.Widgets.Playlist('vk_playlist_-2000646569_646569', -2000646569, 646569, 'ae82627d6c8bb4500d'); </script> я нашел как переделали виджет группы: https://javascript.ru/forum/dom-window/40760-ne-otobrazhaetsya-vidzhet-vk-v-tabakh.html <iframe src="http://vk.com/widget_community.php?gid=29627308&width=190&height=220" width="190" height="220" scrolling="no" frameborder="0"></iframe> Но с виджетом плейлиста…

    Asked by lev99, October 22, 2017

    • html
    0 votes
    1 answer
21. Какую спецификацию html стоит читать на данный момент ?

    Какую спецификацию стоит читать, основы я знаю, вот думаю начать не просто верстать как попало а уже зная спецификацию. https://www.w3.org/standards/techs/html#w3c_all Точнее даже какую версию лучше читать сейчас: HTML 5.1 2nd Edition (2017-10-03) или HTML5 (2014-10-28) То что по новее или то что по старше ?

    Asked by Димитрий, October 23, 2017

    • спецификация html
    0 votes
    13 answers
22. Помогите определиться с CMS для интернет-магазина.

    Всем добрый день! У меня есть небольшой интернет-магазин, товаров всего до 60 штук. Корзины нет, дизайн обычный. Понимаю, что любая CMS - это большой объем не нужной информации, т.к. мне не нужна регистрация клиентов (сам такие магазины обхожу стороной), хотя у меня есть постоянные клиенты. Мне не нужны платежные системы и оформление доставки и т.д. В общем, мне нужна только полноценная корзина с отправкой заказа, никаких админок с корректировками заказов и тд. Шаблонов бесплатных на HTML миллионы, с ними я немного разбираюсь, с CSS с горем пополам методом тыка тоже разберусь (или с помощью форума). Без проблем могу купить готовый шаблон на OpenC…

    Asked by Vic-Tor, October 24, 2017

    • cms
    • интернет-магазин
    0 votes
    2 answers
23. Подскажите как сверстать данный элемент

    Тут есть тени, градиент, закругленные углы, и выпуклая верхняя часть. С тенями, градиентом, и нижней частью проблем нет, но вот как реализовать верхнюю часть - ума не приложу. border-radius c параметрами через "/" не дает резкого закругления по краям, псевдоэлементами придется подгонять диагональный градиент, что при адаптации создаст кучу гемороя. Картинкой сделать нельзя так как содержимое может меняться. Есть какое-то менее болезненное решение чем через псевдоэлементы?

    Asked by AlexZaw, October 24, 2017

    0 votes
    6 answers
24. Кроссдоменный запрос с использованием credentials

    Возможно ли отправить кросс-доменный запрос на страницу с <allow-access-from domain="*"/> и использованием кредов пользователя (пользователь залогинен на сайте, во второй вкладке открывает страницу со скриптом, скрипт получает данные с того сайта и куда-нибудь отправляет =)? На запрашиваемом сайте в crossdomain.xml: <cross-domain-policy> <allow-access-from domain="*"/> <site-control permitted-cross-domain-policies="master-only"/> <allow-http-request-headers-from domain="*" headers="*"/> </cross-domain-policy> Получаю такую ошибку: В целях безопасности, это сделали невозможно? Просто в F12-Network вижу, что responce …

    Asked by bumblebeee, October 24, 2017

    • xmlhttpreauest
    • crossdomain
    • credentials
    0 votes
    0 answers
25. Как сверстать переключатель

    Здравствуйте, форумчане! Не могу сообразить, каким способом сверстать вот такой переключатель (http://wdfiles.ru/9mbT). Есть идеи?

    Asked by hike, October 24, 2017

    • переключатель
    0 votes
    2 answers