HTML Coding

29,542 questions in this forum

1. увеличение картинок при клике

   Приветствую! Никак не могу понять как увеличивать картинки по клику. Есть статьи обернутые в класс article <div class="article"> <p>Текст текст текст</p> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <p>Текст текст текст</p> </div> Картинки большие, уменьшаются css по ширине с авто высотой. .article img { max-width: 100%; height: auto; } Как сделать чтобы при клике на них в модальном окне открывалась полноразмерная картинка. Идеально было бы fancybox или аналог. Но я так понял они работают, только если обернуть картинки в …

   Asked by enbond, November 4, 2017

   0 votes
   0 answers
2. Кто такие авторы/разработчики css ?

   Начал читать Css snapshot (https://www.w3.org/TR/CSS/#css) и наткнулся на: Разработчики CSS и Авторы CSS. Кто, кто ? Объясните пожалуйста. Разработчики - это раб. группа css, а авторы - мы, или наоборот ?

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

   • css спецификация
   0 votes
   4 answers
3. Как разместить два блока

   Как можно разместить два блока на всю ширину родителя, если один блок определенного размера, а второй должен растянуться. Например, форма со строкой для ввода текста и кнопка. То есть, кнопка всегда одного размера, а строка должна заполнить всё оставшееся пространство. Заготовка - http://jsfiddle.net/n1tp49a1/ Нужен кроссбраузерный вариант работающий на всех устройствах включая мобильники.

   Asked by alleclf, November 3, 2017

   0 votes
   2 answers
4. IE не отображает SVG

   Здравствуйте! Проблема следующая: есть некий корпоративный портал (уже довольно древненький и написанный задолго до меня), с него есть обычная ссылка <a> на карту, которая открывается в новой вкладке. Карта нарисована как svg и вставлена непосредственно в саму страницу через тег <svg> (вновь открываемую). Проблема в том, что при переходе по ссылке непосредственно с портала, IE11 не отображает svg и не корректно отображает стили для блоков с текстом. Все остальные браузеры отображают все полностью и правильно. Самое главное, что отдельно (правда на другом веб-сервере [может это важно]) эту страницу с картой IE11 отображает просто замечательно. Но стоит об…

   Asked by Koss, November 3, 2017

   • ie
   • svg
   0 votes
   2 answers
5. Почему картинки съезжают при масштабировании?

   При масштабировании нижние картинки съезжают https://uzinouzi.github.io/asdasd/ - Сам сайт prntscr.com/h5bbfz - Тут проблема.

   Asked by Crushing, November 2, 2017

   • html
   • css
   0 votes
   1 answer
6. head Бездомный конечный тег head

   Доброго времени суток! Появилась проблема, браузер ругается на "бездомный конечный тег head", хотя его начало есть. Притом доходит до абсурда, пробовал найти ошибку, постепенно удаляя строчки кода, в итоге остались только доктайп и, собственно, сам head. Если написать всё заново, то проблемы нету. Прикрепляю файл с ошибкой сюда. P.S. Проверял через FireFox new 1.htm

   Asked by Илья123, November 1, 2017

   0 votes
   7 answers
7. Вопросы по адаптивной верстке

   1. Как указывать шрифты? Так? Или когда как? Или как? )) Скрытый текст html { font-size: 14px; } body { font-size: 1em; } .title { font-size: 1.5em; } @media (min-width: 620px) { html { font-size: 16px; } } Или каждому текст. элементу на каждом брейк-поинте указывать отдельно? )) 2. Как перестраивать блоки в адаптиве? Заказчик предоставляет макет отрисованный под один экран(940-1200px), и при этом говорит, что нужен адаптив, а как его делать? Нужно знать еще и основы веб-дизайна, и иметь вкус? Или есть какой-то шаблон которому все зачастую следуют? Скорее всего список не окончательный, будут еще вопр…

   Asked by Hasiev, October 31, 2017

   0 votes
   2 answers
8. Проблема с позиционирование с свойством "text-align"

   Добрый день! Вопрос довольно элементарный, но не вижу где и что я забыл, битый час уже воюю... Возникла проблема с позиционированием самого списка через text-align в родительском блоке. Установив всем блокам уже inline-block, что б уже наверняка... а все равно "мимо". Собственно, сам код https://jsfiddle.net/46at44tp/1/ Что я упустил?

   Asked by Super_Saimon, October 31, 2017

   • css
   0 votes
   7 answers
9. одновременный hover для ссылок из разных блоков

   https://jsfiddle.net/g2xLveea/1/ Можно ли сделать без js, чтоб при наведении на одну ссылку, hover срабатывал и для другой? (ссылки в разных div-ах)

   Asked by torsar, October 31, 2017

   0 votes
   2 answers
10. Адаптивная верстка (бутстрап) и мобильные девайсы с большим разрешением

    Бутстрап привязывается к разрешению девайса. А как отображается адаптивная верстка на девайсах с большим (full hd и более, например)?

    Asked by torsar, October 31, 2017

    0 votes
    3 answers
11. Блочная верстка макета

    Добрый день! Я с чисто теоретическим вопросом касательно верстки сайта. Столкнулся с одним нюансом, который вызывает затруднения. Лучше начну сразу с нудного и длинного)) примера, так станет в разы понятней в чем суть моего вопроса. Допустим, имеем часть сайта, отвечающую за основной контент... назовем "main". У main есть container, отвечающий за центровку контента. И main делится, в свою очередь, на две части- main__left(блок под меню с возможной рекламой), и main__right (блок с основным контентом). И вот почти добрался до сути. Далее в main__left я создаю блок для навигации и блок для рекламы, к примеру. А в main__right, допустим, еще две колонки. Так вот, вся моя верс…

    Asked by Super_Saimon, October 31, 2017

    • html
    • блочная верстка
    0 votes
    8 answers
12. Как изменить input

    Что сделать чтобы в <input type="text"> </input>(высота 200px, ширины 500px) чтобы данные записывались не в 1 строку.

    Asked by kinat, October 31, 2017

    0 votes
    2 answers
13. Анимация на сайте

    Добрый день. Есть задача сделать анимацию как в примере по ссылке (видео на Youtube.com) - С подобным ни разу не сталкивался, но ужасно хочется понять, как это реализуется. Я не прошу готового решения, я лишь прошу чтоб меня направили в ту сторону, в которой можно в этом разобраться. Спасибо.

    Asked by Ferensy, October 30, 2017

    • анимация
    • jquery
    0 votes
    3 answers
14. проблема с отступами

    как убрать этот отступ между верхним и нижним <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="conteiner clearfix"> <header> <nav> <div class="logo">Smallapps</div> <ul class="menu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> <a href="#">Gallery</a> </li> </u…

    Asked by Daniyar, October 30, 2017

    0 votes
    1 answer
15. Animation (other)

    Делаю сайт-заглушку. Требуется добавить графику на сайт, например, по типу http://www.costa-imaginering.com/ Кто может подсказать? Можно ли все сделать в стилях css?

    Asked by AlexandrShinkin, October 30, 2017

    • графика
    • фон
    0 votes
    1 answer
16. Верстка FAQ

    Делаю сайт на Wordpress. Столкнулся с проблемой, стандартного функционала виджетов, с помощью которых я делал сайт, не хватает, чтоб реализовать желаемое. CSS и html знаю очень базово. Подскажите, как реализовать кодом содержимое скриншота и подключить его к вордпрессу? По нажатию на кнопки, меняется текст на панелях ниже. По нажатию на саму панель (вопрос), текст на панели меняется (на 1 панели видно) и получается уже ответ.

    Asked by emperror, October 29, 2017

    0 votes
    2 answers
17. Верстка адаптивного дизацна. Сетка

    Ни разу не верстал сеткой. Раньше мне попадались макеты, и там вертиальными линиями были колонки. Щас вот решил сверстать следующий макет. В шапке несколько горизонтальных линий, че к чему ?) я делая сетку это тоже как то учитывать должен ??? а еще, колонка как бы одна большая ? и в мобильная версии оодна, но меньшего размера и в большой версии как мне кажется, должна быть линия разделения двух изоображений(контейнеров), то есть там 2 блока должно быть на сколько колонок нужно бить ? по своему усмотрению ? я вижу, что можно на четыре побить, не больше, судя по шапке можете пояснить эти моменты

    Asked by SnowSilver, October 29, 2017

    • сетка
    • адаптив
    0 votes
    11 answers
18. Верстка темы под tumblr.com

    Как сверстать тему под блого-сервис "Тумблер"? Есть опыт у кого и советы какие будут, ограничения?

    Asked by Garamond, October 29, 2017

    0 votes
    1 answer
19. Проблема с margin

    Как убрать отступы ? со всех сторон есть отступы в 8 пикселей. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Iphone</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div class="conteiner clearfix"> <header> <nav> <div class="logo">Smallapps</div> <ul class="menu"> <li> <a href="#">Home</a> </li> <li> <a href="#">Features</a> </li> <li> <a href="#">Screenshot</a> </li> <li> &…

    Asked by Daniyar, October 28, 2017

    0 votes
    1 answer
20. Вставка исходного года в html

    Всем привет! Столкнулся с проблемой, сервер может обрабатывать не более 5 запросов одновременно, поэтому приходится вставлять некоторые элементы прямо в index.htm Сейчас реализовано как ссылка <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> или <link rel="shortcut icon" href="favicon.png" type="image/png"> но нужно код картинки вставить прямо в htm чтоб убрать лишние запросы к серверу. Как вставить исходный код вместо ссылки на favicon или иные картинки?

    Asked by mcMega, October 28, 2017

    • html
    0 votes
    2 answers
21. Не получается правильно написать transition

    Доброго времени суток. Есть 2 свойства transition: top: 0 transform: rotate(45deg) transition-property: top, transform transition-duration: 0.5s, 0.5s Объединяю их вот таким образом: top: 0 transform: rotate(45deg) transition: top .5s, transform .5s В итоге, свойство top выполняется одновременно с transform. В чем может быть ошибка?

    Asked by IvanRu08, October 27, 2017

    0 votes
    4 answers
22. Почему Bootstrap переносит айтем на следующую колонну

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

    Asked by Blend1n, October 27, 2017

    • верстка
    • boostrap
    • бутстрап
    0 votes
    3 answers
23. Проблема с анимированием "гамбургера"

    Всем привет. Нужно сделать анимированную траснформацию "гамбургера" в крестик. Что нужно сделать: При наведении на "гамбургер" верхняя и нижняя полосы встают на место средней. Затем средняя исчезает И после этого две оставшиеся полосы поворачиваются на 45 и -45 градусов Проблема в том, что сделать это нужно именно пошагово, а не все сразу. У меня работает очень странно: http://jsfiddle.net/8x4rkuq2/ Никак не могу понять, в чем причина. Буду очень благодарен за помощь!

    Asked by IvanRu08, October 27, 2017

    0 votes
    1 answer
24. метка к чекбоксу

    Здравствуйте! Здесь http://htmlbook.ru/blog/kartinka-vmesto-chekboksa описан способ кастомизации чекбокса, и в первом же комменатрии спрашивают, куда тогда выводить текст метки. У меня тот же вопрос, а текст метки как вывести, если label используется под кастомизацию?

    Asked by hike, October 26, 2017

    0 votes
    5 answers
25. джон дакетт Хорошая ли книга?

    Я начинающий веб-программист. Хочу научится правильно пользоваться HTML, CSS и javascript. Выбрал я для этого книгу Джона Дакетта Основы веб-программирования, но книга довольно дорога и я хочу узнать стоит ли она этих денег. P.S. Книгу я покупаю не в электроннлм виде. Сылок на интернет магазины скидывать не надо. Заранее спасибо)

    Asked by ToxaGAV, October 26, 2017

    • книга
    • для новичков
    • хороша ли?
    0 votes
    1 answer