HTML Coding

29,542 questions in this forum

1. Блоки распадаются

   Верстаю блоки. Вот как это должно выглядеть: Так выглядит у меня: http://codepen.io/anon/pen/LVyogR Что нужно исправить?

   Asked by yaparoff, June 9, 2015

   0 votes
   2 answers
2. Определить есть ли курсор мыши

   Добрый день, Прошу прощения за, возможно, странный вопрос. Есть div, который должен по-разному собираться для устройств где только тачскрин (способ-1) и для остальных (способ-2). Сейчас определяю устройство в js return 'ontouchstart' in document.documentElement; Проблема в том, что есть устройства, где есть и тачскрин и мышь (ноуты с тачскрином, трансформеры итп). Вот эти устройства у меня попадают в способ-1 при использовании такого метода. А хотелось бы в способ-2. Т.е. надо отделить устройства, где ТОЛЬКО тачскрин от остальных (не зависимо от того, есть ли в них тачскрин). Надеюсь, понятно объяснил и что решение есть. Устроит решение на js или на php Заран…

   Asked by ivanviar, June 8, 2015

   0 votes
   6 answers
3. Как создать вложенное dropdown меню второго уровня с bootstrap 3?

   Здравствуйте! Пытаюсь сделать мобильно-дружелюбным меню второго уровня вложенности с использованием компонента navbar от bootstrap 3. Пока вот что получается Может у вас есть какая идея, как заставить раскрыться вложенный подпункт Dropdown2 по клику бутстрапным образом? Или нужно свой скрипт-обработчик вешать?

   Asked by borus, June 8, 2015

   • bootstrap 3
   • navbar
   • dropdown
   • многоуровневое меню
   0 votes
   1 answer
4. Про кавычки

   Здравствуйте, ответьте на ламерский вопрос: Пишу в head эту строчку и запускаю index.html в хроме у меня кодировка не воспринимает русские символы: <meta http-equiv="Content-type" content="text/html; charset=utf-8"> Добавляю одни кавычки в charset=''utf-8 перед utf-8 и все работает насколько правильно так делать? или это просто глюк?

   Asked by Тимоха, June 8, 2015

   • meta кодировка
   0 votes
   3 answers
5. Слетают стили при печати

   Доброго времени суток, сообщество! Столкнулся с совершенно непонятной для меня ситуацией: iam-holder.ru/system.html?url=u_b5d393811355fb9def3c9968d80c3da8 Если смотреть в браузере — все ок, все на месте. Если нажать ctrl + p — инфа которая в клеточках слетает… Может кто то с подобным сталкивался?

   Asked by ruyou, June 8, 2015

   0 votes
   2 answers
6. как убрать padding у div последнего элемента

   Здравствуйте участники форума подскажите, как убрать padding у div последнего элемента исходные коды html, css прилагаю ниже <div class = "news-main"> <div class = "news"> <div> <img src = "img/article-img1.jpg" alt = "" /> <h3>Column title</h3> <p class = "preview"> Maecenas faucibus mollis interdum. Etiam porta sem malesuada magna mollis euismod. Cras justo odio, dapibus ac facilisis in, egestas eget quam. </p> </div> </div> <div class = "news"> <div> <img src = "img/article-img2.jpg" alt = "" /> <h3>Column title</h3…

   Asked by pavlovda, June 5, 2015

   0 votes
   8 answers
7. Вертикальное выравнивание текста

   Не получается выровнять. Использовал vertical-align: middle; display: inline-block; Не получается. Как это выровнять так, чтобы при добавлении/ удалении текста, он всегда оставался вертикально по середине? http://codepen.io/anon/pen/Ejmbro

   Asked by yaparoff, June 8, 2015

   0 votes
   2 answers
8. Поведение :hover у псевдоэлементов

   Есть блок с псевдоэлементом. При наведении на блок (:hover) - появляется псевдоэлемент. НО при перемещении курсора с блока на появившийся псевдоэлемент. Псевдоэлемент не пропадает, а остается пока виден пока на нем наведена мышь. Почему??? http://jsfiddle.net/AYB26/31/

   Asked by Kelenar, June 7, 2015

   • :hover
   0 votes
   7 answers
9. Кнопка с углом

   Добрый день! Пытаюсь сделать кнопку - вот что получилось Уголок сделан через псевдо-элемент и свойства transform:translateX(-25px)rotate(45deg)skew(10deg, 10deg)scale(0.61); Мне нужно синюю рамочку вокруг уголка - как вокруг родительского блока. Если добавлять рамку к треугольнику, то во первых из за scale она не тех размеров, во вторых портится градиент. Подскажите пожалуйста, как сделать рамку?

   Asked by sond1k, June 7, 2015

   0 votes
   6 answers
10. Как грамотно выровнять блоки

    Думаю как грамотно выровнять эти текстовые блоки. Само по себе это не трудно. Но фишка в том что они разные по величине и их величина (текст) может увеличиваться/ уменьшаться? Как сделать так, чтобы при добавлении/ удалении текста, они всегда оставались вертикально по середине? P.S.: vertical-align пробовал http://codepen.io/anon/pen/BNRZGB

    Asked by yaparoff, June 7, 2015

    0 votes
    3 answers
11. Сладер стопкой

    Нужно сделать подобный слайдер. Кликаем на первый слайд (синий), он уезжает вперед растворяясь (или как-то еще), одновременно с этим серый и зеленый слайды переезжают вперед, а на месте серого появляется синий слайд, зеленый соответственно становится первым. Блоки тянутся по высоте и отступы у них в процентах. Есть ли готовые плагины, которые реализуют подобное? Не обязательно адаптивные. Почему-то перерыв кучу всего, я так и не нашла нужного — либо мой английский совсем плох, либо подобных решений совсем мало.

    Asked by Shiza, June 7, 2015

    • слайдер
    • jquery
    • карусель
    0 votes
    0 answers
12. Верстка под мобайл

    Здравствуйте, уважаемые форумчане! Не подскажите хорошие статьи по верстке под мобайл - чтобы толково о правильном использовании медиа было расписано. Поняла что фундаментальных знаний в этом вопросе мне явно не хватает - раньше использовала бутстрап, а теперь надо самой все с нуля писать)) Бровзерстек показал море косяков для мобайл в моей верстке - например Андроид сжимает слишком картинки, border dashed глючит и т.п. Заранее благодарю)

    Asked by Orysya, June 7, 2015

    • media queries
    • android
    0 votes
    2 answers
13. Первая строка

    DOCTYPE. Одно название уже говорит само за себя (тип документа). Спецификация HTML 2.0 (1995 год) Вольный перевод По сути, DOCTYPE (Document Type Declaration) определяет тип спецификации HTML. В каждой спецификации прописаны поддерживаемые ей элементы, атрибуты, и их взаимоотношения. Изначально спецификации писались в DTD, а сегодня это XML Schema. Есть один интересный момент, в HTML коде большинства сайтов 90х годов разработчики вообще редко прописывали DOCTYPE. Потому, что браузеры тех времён могли самостоятельно выбирать спецификацию документа и поэтому у разработчиков попросту не было нужды прописывать DOCTYPE в первой строке кода. STRAWBERRY POP-TART BLO…

    Asked by Zueff, June 6, 2015

    • doctype
    0 votes
    4 answers
14. js для увеличения картинок

    Подскажите, пожалуйста, js, который при нажатие на картинку ее увеличивает, при повторном нажатии уменьшает.

    Asked by Anna-15, June 5, 2015

    • картинки
    0 votes
    2 answers
15. Добавить checkbox и radio кнопки в существующую форму

    Здравствуйте. Есть необходимость добавить варианты выбора чекбоксом и радио кнопкой в форме отправки. Сайт тут - http://olegberesnev.com/ Форма эта - http://xozblog.ru/2012/11/modal-windows/ Подскажите, где поискать грамотно дописанное?

    Asked by kattiperk, June 6, 2015

    0 votes
    5 answers
16. Выравнивание по центру элемента, который шире, чем его родитель

    Возникла подобная задача, нужно было сделать ряд из элементов (логотипов компаний) неизвестного количества, который выровнен по центру макета с фиксированной шириной и уходит за границы документа. Задачу решил (почти случайно, поиск в интернете натолкнул на мысль), но если честно, до сих пор не могу понять до конца, как это работает (и точно ли работает, вдруг где-то очевидный косяк?). Такого решения задачи в сети не находил (плохо искал, уверен, что есть), нечто похожее - http://www.greywyvern.com/?post=323, но там требуется дополнительный враппер. Работает вроде бы везде. Фишка в одинаковых отрицательных маргинах с обоих сторон (нужно, чтоб они были достаточно большими,…

    Asked by zenw, June 6, 2015

    0 votes
    1 answer
17. Почему не похожие товары не выстраиваются по 4 в ряд?

    Здравствуйте! Если посмотреть страницу секцию Похожие, то там можно увидеть, что похожие товары имеют классы col-sm-3, то есть должны бы умещаться по 4 в строке, но этого не происходит с первой строкой по крайней мере? В чём я ошибся?

    Asked by borus, June 5, 2015

    • bootstrap 3
    • колонки
    0 votes
    2 answers
18. Список в две колонки

    Привет! есть список он отображается криво http://jsfiddle.net/soltx/y4qdab97/ как поправить (кроссбраузерность ie9+)

    Asked by soltx, June 3, 2015

    0 votes
    11 answers
19. как выстроить так блоки?

    http://joxi.ru/KAx9lOxU0wGkr8 displa inline-block vertical-align top не помогают masonry?

    Asked by raptor-dm, June 5, 2015

    0 votes
    4 answers
20. Не работает clearfix

    Доброе время суток. Не получается заставить работать clearfix, центральный блок уходит вниз. Прошу вашей помощи html: css: И вот так это выглядит:

    Asked by L1felv0er, June 2, 2015

    • float
    • clearfix
    0 votes
    14 answers
21. Вставить узор png в DIV

    Как вставить png узор над блоком DIV так как на картинке. И чтобы он растягивался при изменении ширины дива? https://yadi.sk/i/3fu3fo0rh6LJc https://yadi.sk/i/XeVu53LFh6LKD

    Asked by kolhoz, June 5, 2015

    0 votes
    3 answers
22. Корректное отображение блока

    Добрый день, возникла проблема с блоком .promo_2 http://legrand-servis.com/chto-my-predlagaem В этом блоке задан шрифт 20пик. В блоке module-promo_5 под ним есть span - которому заданы свои стили. Если в блоке .promo_2 отключить размер шрифта, тогда в блоке module-promo_5 span отображается корректно. Подскажите почему размер шрифта влияет на другой блок? Как сделать так что бы и шрифт остался нужного размера и span не прыгал? Спасибо. Разобрался блоку .promo_2.mod_fixed изменил отступ margin-bottom: 50%; )))

    Asked by mrfrunze, June 5, 2015

    0 votes
    0 answers
23. Вёрстка блоков

    Привет! вот рабочий пример https://jsfiddle.net/soltx/hdytadeL/embedded/result/всё норм когда я задал ширину для label и у меня достаточно текста блок с вопросом прижат вот другой пример https://jsfiddle.net/soltx/qve5qwpb/embedded/result/ тут криво работает конструкция, нужно блок с вопросом, прижать к тексту, код должен быть универсальным, так как длина текста может быть разная и блок с вопросом всегда должен прижиматься к тексту, .item остаётся с фикс шириной в 300px

    Asked by soltx, June 4, 2015

    0 votes
    2 answers
24. Разные анимации элемента по :hover

    Возможно ли сделать две разные анимации (именно animation) для элемента при наведении на него мышью (:hover) средствами CSS? Т.е. навели мышь на элемент сработала первая анимация, убираем мышь срабатывает вторая анимация. P.S. transition не позволяет добиться сложных перемещений блоков, поэтому не подходит

    Asked by Kelenar, June 4, 2015

    • :hover
    • @keyframes
    • animation
    0 votes
    5 answers
25. подскажите пожалуйста как верстать буллеты (списки выгод с иконками)

    здравствуйте. озадачился вопросом как правильно верстать списки если в списках есть символ, например галочка? для этого нужно создать контейнер из двух колонок, в левой вставлять фоном иконку, а колонке уже элемент списка? или есть другой метод.

    Asked by webflower, June 3, 2015

    • бу
    • ллиты списки
    0 votes
    4 answers